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Посвящается моей любимой маме, 
Кондаковой Елене Николаевне 


Без тебя не было бы ни одного моего слова 


Прелисловие 


Книга написана в соответствии с методикой изучения программы АдоБе 
Шазгаог, разработанной и апробированной на протяжении нескольких лет в круп- 
нейшем компьютерном центре Северо-Западного региона — Высшей инженерной 
школе (на факультете переподготовки специалистов) Санкт-Петербургского по- 
литехнического университета Петра Великого. 

Простой и доступный стиль изложения в виде уроков, изобилие примеров и 
множество практических советов по дизайну позволят сразу освоить наиболее 
сложные аспекты, связанные с изучением программы Адобе Шазгафог. 


Об авторе 


Тучкевич Евгения Ивановна, сертифицированный инструктор АдоБе (Адобе 
Сегайеа шягасог) по продуктам Адобе РпоозПор и Адобе Шизтгаюг, имеет боль- 
шой преподавательский стаж, автор курсов по продуктам АдоБе Согрогайоп, ру- 
ководитель специальностей «Компьютерный дизайн» и «Веб-разработка» Высшей 
инженерной школы Института дополнительного образования СПОПУ. Ее книги 
по продукту АдоБе РпотозВор и последняя вышедшая книга «Адофе Рпоозпор СС 
2019. Мастер-класс Евгении Тучкевич» стали бестселлерами. 


Благоларности 


Автор любой книги знает, что труд по ее написанию требует много сил. Только 
совместная работа и идеи многих людей могут привести к блестящему результату. 
Данный курс прошел проверку временем в стенах университета, был создан про- 
фессионалами и готовит специалистов по работе с Шийгаог. Многие мои коллеги 
внесли огромный вклад в эту книгу, предоставив примеры и логику, максимально 
подходящую для прекрасного усвоения материала. 
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Огромное спасибо моим коллегам, дорогой мне Снежане Таганашкиной; Ольге 
Кордюковой за высокохудожественные и агрессивные примеры; Игорю Шишигину 
за дружбу. 

Спасибо моим талантливым студентам, которые выполняли бесконечные до- 
машние задания по темам курса и тем самым вместе со своим профессиональным 
ростом внесли огромный вклад в создание примеров для этой книги. 

Спасибо моему любящему мужу Максиму Тучкевичу за заботу и любовь, кото- 
рой он меня окружает. Это прекрасное чувство, когда живешь и творищшь в такой 
обстановке. 

Спасибо сыну Владимиру за советы и прекрасные работы в Шагаог. Я тобой 


горжусь! 


Описание электронного архива 
ккниге Е. И. Тучкевич 
«Самоучитель Адобе Шиа ог СС 2020» 


Учебные файлы, созданные специально для курса, можно скачать по ссылке 
Ир://Ёр.ЮВу.ги/9785977567091.71р, а также со страницы книги на сайте уму.БВу.ги. 

В архиве, в папке (е$501$ находятся рассмотренные в книге задания и примеры, 
которые распределены по папкам с номерами и названиями, совпадающими с 
номерами и названиями уроков в книге. Например, в папке [е$$0п15\Урок_1_Интерфейс 
находится файл для рассматриваемого примера из урока [. 


Условные обозначения 


В книге используются следующие способы оформления. 


Оформление Значение 


Жирный шрифт Обозначает символы, которые нужно вводить в точности как 
показано, в частности команды и названия сайтов. Так же 
выделены элементы пользовательского интерфейса 


Узкий шрифт Обозначает название файлов, папок и путей 


Обращает ваше внимание на сопутствующую информацию 


Существенное замечание, необходимое для успешного вы- 
полнения задачи 





Обозначает особо важное примечание, которое не стоит 
игнорировать 






} ВНИМАНИЕ! 


#1 
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ВВЕЛЕНИЕ 





Основы компьютерной графики 





\Местог 





зар = 16 ар! 72 ар! 


В процессе обучения замечено, что методика курсов, посвященных программам, 
позволяет приобрести практический опыт использования этих программ. Здесь, 
во введении, представлены общетеоретические знания из области компьютерной 
графики, без которых трудно обойтись при изучении основных графических про- 
грамм. 

Во введении вы узнаете, зачем и для чего существуют разные цветовые модели, 
как создавать и сохранять цвет, почему на мониторе краски ярче, чем на печати. 

Особое внимание уделено типам графики, как основам понимания работы 
с ними. Вы увидите, чем растровая графика принципиально отличается от век- 
торной, и поймете, почему использование различного качества изображений так 
принципиально для печати. В векторной графике совершенно иная идеология 
построения, хранения и масштабирования данных. Векторные объекты описыва- 
ются математическими уравнениями, поэтому при масштабировании не теряют 
в качестве, что позволяет использовать их для создания логотипов, схем, текста, 
графики для любых носителей. 
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Типы компьютерной графики 


Различают два основных типа компьютерной графики: растровую и векторную. 
Знания об их природе, различии, взаимодействии являются основой профессио- 
нальной работы. 

В растровой графике изображение состоит из мельчайших точек-пикселов (рихе], 
сокращенно рх). Любое растровое изображение имеет фиксированное количество 
пикселов. Если вы увеличите фотографию, то увидите эти самые пикселы — раз- 
ноцветные квадраты, зазубренные края деталей (рис. В1). При этом то, что изо- 
бражено на фотографии, будет тяжело понять. Качество растровых изображений 
зависит от разрешения. При масштабировании, в силу своей пиксельной природы, 
растровые изображения всегда теряют в качестве. Примером растрового изобра- 
жения может служить любая фотография, отсканированная или полученная путем 
цифровой съемки. 

АдоБе Рпоозвор — лучшая программа для обработки растровых изображений. 


400 % 


1600 % 





Рис. В]. Пример растрового изображения при различных масштабах 


Векторная графика состоит из линий и кривых, заданных векторами, матема- 
тическими объектами, которые описывают изображение в соответствии с его гео- 
метрическими характеристиками. 

В векторной графике качество изображения не зависит от разрешения. Вектор- 
ные объекты описываются математическими уравнениями, поэтому при масшта- 
бировании они не теряют в качестве (рис. В2). Но уравнения сами по себе ничего 
не значат, если нельзя увидеть их результат. Векторные объекты растрируются на 
устройствах вывода, таких как монитор или принтер. 


14 


[81 === и И [= 





400 % 


1600 % 


с 
— 
4 у 


И 





Рис. В2. Пример векторного изображения при различных масштабах 


Векторные изображения можно трансформировать без потери детализации и 
четкости, поскольку такие изображения не зависят от разрешения. Их края оста- 
ются четкими при изменении размера, печати на принтере Роз си1рё, сохранении в 
РОЕ-файле, а также при импорте в приложение для работы с векторной графикой. 
Таким образом, векторные изображения — это лучший выбор для иллюстраций, 
выводимых на различные носители и размер которых приходится часто изменять, 
например логотипы. 

АдоБе Шаутаюог — программа того же разработчика для обработки и построения 
векторных изображений. Объем векторного файла зависит от количества объектов, 
входящих в его состав. 


Характеристики растрового изображения, 
или что нужно знать, созлавая и сохраняя файл 


Основными характеристиками растрового изображения являются высота и 
ширина, задаваемые в момент его создания, которые можно изменить в процессе 
работы. В зависимости от дальнейшего использования выбирают различные еди- 
ницы измерения: если вы хотите использовать его в полиграфии (печатный оттиск 
на бумаге, фотография в рамочке) — сантиметры (см); если для \@Б-графики — 
пикселы (рх). Существует также величина, определяющая качество растрового 
изображения, — разрешение. 


Пиксел 


Пиксел (от англ. усиге е@етеп! — элемент картинки) — наименьший неделимый 
компонент растрового изображения, с которым осуществляется работа. Он имеет 
две характеристики: положение и цвет. 
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Разрешение изображения 


Разрешение изображения — это количество пикселов (точек) наединицу длины. 
Обычно его измеряют в ар! (4015 рег шсВ, точек на дюйм) или в рр! (рихе] рег шсвВ, 
пикселах на дюйм). 

Данные термины в некотором смысле синонимы, только рр! относится к изо- 
бражениям, а ар! — к устройствам вывода. Термин ар! вы встретите в описании 
мониторов, цифровых фотоаппаратов ит. д. 


ПРИМЕЧАНИЕ — Дюйм равен 2,54 см. 





Таким образом, чем больше разрешение, тем меньше размер пиксела. Чем больше 
разрешение, тем больше пикселов приходится на дюйм. Чем больше разрешение, 
тем лучше качество изображения (рис. В3З). 

Разрешение подбирается для каждого изображения индивидуально и зависит 
от того, где будет использована ваша фотография. 

Если вы захотите напечатать вашу любимую фотографию на бумаге и вставить 
ее в рамочку на камине, то разрешение должно быть 300 рри. Кстати, это основное 
требование для фототипографий, печатающих журналы, каталоги и малоформатную 
продукцию (буклеты, флаеры, рекламные листовки). 

На монитор проецируется растровая карта изображения, т. е. высота и ширина 
в пикселах. 


0 то то 1 





8 ар! 16 ар! 72 ар! 


Рис. ВЗ. Различные значения разрешения влияют на качество изображения 


Сглаживание (апй-айа$) 


Кривые и диагональные линии изображения трудно передать на мониторе, 
т. к. он может отображать только прямоугольные элементы. Для сохранения плав- 
ного вида краев имеется механизм сглаживания (апй-аПаз). Для различных инстру- 
ментов и команд в программе существует опция АпЯ-аЙа$, которая по умолчанию 
включена. 

Сглаживание (апй-аПаз) — механизм помещения пикселов различной степени про- 
зрачности вдоль краев («проблемных областей») кривых и диагональных линий. 

На рис. В4 показаны две диагональные линии. У левой сглаживание вклю- 
чено — на краях видны пикселы разной прозрачности, которые «заполняют» 
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Сглаженная Ступенчатая Сглаженная Ступенчатая 
линия линия форма форма 


Оттенки по краю 
линии образуют 
эффект гладкости 





Сглаживание интерполирует (усредняет) 
цвет на краях круглых форм 





Рис. ВА. Сглаживание диагональной линии Рис. В5. Сглаживание круглой формы 


пространство между резкими краями. Справа показана ступенчатая линия с рез- 
кими, зазубренными краями (опция Апй-аПа$ была выключена). 

На рис. В5 представлено увеличенное изображение круглой формы со сглажи- 
ванием и без него. Когда вы выбираете инструмент Репсй (Карандаш), параметр 
Вгизй (Кисть) у него — жесткая кисть, без сглаживания. Если вы создаете выделе- 
ние, и опция АпЯ-аПа$ включена, это приведет к сглаженным формам будущего 
объекта. 

Вы спросите: «Как программа узнает, куда помещать различные сглаженные 
пикселы?» Ответ: «Путем усреднения оттенков области изображения и получения 
нужного оттенка пиксела для закрапгивания края кривой или диагональной линии. 
Сильно увеличьте диагональную линию, края которой сглажены. Вы увидите, что 
по мере удаления от линии в пикселах по ее краю постепенно уменьшается содер- 
жание цвета линии и усиливается интенсивность цвета фона изображения». Так 
работает данный механизм. 

Таким образом, сглаживание (апи-аПа$) заключается в образовании плавного пере- 
хода между внутренней областью и ее фоном в случае непрямолинейных объектов. 


Чветовые молели 


Изображение, которое вы подготовили с помощью компьютера, можно рас- 
печатать на принтере или посмотреть на другом компьютере (или на экране теле- 
визора, проектора). Но начинающие дизайнеры часто бывают разочарованы, когда 
на бумаге «результат их бессонных ночей» выглядит совсем не так, как на экране 
монитора. Цвета оказываются искаженными: голубое небо приобретает лиловый 
оттенок, алицо человека — неестественный малиновый загар. В чем же дело? Основ- 
ной причиной искажения экранных цветов при печати являются диаметрально 
противоположные способы генерации цвета монитором и принтером. 


Молель СВ 


Прежде всего необходимо осознать, что воспринимаемый нами цвет явля- 
ется результатом работы мозга. Ощущение цвета создается электромагнитными 


17 


АдоБе Шигаог СС 2020. Мастер-класс Евгении Тучкевич 





колебаниями с длинами волн от 380 до 750 нм, попадающими в глаз человека. 
Экспериментально (еще в 1852 г.) было установлено, что любой цвет может быть 
получен сложением трех световых потоков: красного (К) длина волны 7630 нм, 
зеленого (С) -528 нм и синего (В) -457 нм. 

Именно на этом принципе основано создание цветного изображения на экра- 
не монитора и телевизора. Поверхность монитора состоит из мельчайших точек 
(пикселов) красного, зеленого и синего цветов (триада люминофоров). Раньше в 
мониторах на основе электронно-лучевой трубки (ЭЛТ) при попадании электрон- 
ного луча на пиксел последний окрашивался в определенный оттенок своего цвета в 
зависимости от силы сигнала. Поскольку пикселы маленькие, то даже с небольшого 
расстояния они становились неразличимыми и создавали три световых потока, 
которые при попадании в глаз воспринимаются нами как цвет. Этот цвет может 
быть описан с помощью трех составляющих: К, С и В. Эта цветовая модель полу- 
чила название КОВ и была принята в 1931 г Согласно этой модели смесь красного 
и зеленого дает желтый цвет (\еПо\), красного и синего — пурпурный (Мазеща), 
синего и зеленого — голубой (Суап), а красного, зеленого и синего — белый. 

Современные мониторы — жидкокристаллические (ЖК), экран которых со- 
стоит из нескольких слоев. Их принцип действия отличается от работы когда-то 
используемых ЭЛТ-мониторов. Цвет мы видим благодаря матрице из электродов, 
каждый из которых имеет размер одного пиксела. Один из слоев ЖК-монитора— 
это цветовой фильтр. Цвет получается в результате использования трех филь- 
тров — красного, зеленого и синего, которые выделяют из источника белого света 
три основных компонента. Комбинируя три основных цвета для каждого пиксела 
экрана, можно воспроизвести любой цвет. 

В системе КОВ (рис. В6) каждый цвет на экране монитора имеет 256 градаций 
яркости (от 0 до 255). Таким образом, на экране монитора может быть отображено 
более 16 млн цветов. 

«Постойте, — скажете вы. — Жизненный опыт подсказывает, что если смешать 
красную, зеленую и синюю краски, то белой наверняка не получится». Абсолют- 
но верно, потому что краски не излучают свет наподобие солнца, лампочек или 





Рис. Вб. Молель [СВ 
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электронно-лучевых трубок. Когда мы видим цветное изображение в журнале, то в 
глаз поступает световой поток, отраженный от бумаги, покрытой краской. Если мы 
видим красный лист бумаги при дневном свете, это значит, что краска поглощает все 
световые потоки и отражает только красный. Осветите этот же лист бумаги синим 
цветом, и он станет черным, потому что краска не отражает синий цвет. 


Молель СМУ\УЮ 


Тремя основными цветами в живописи издавна являлись синий, красный и 
желтый. Смешивая их, художники получали различные цвета на своих полотнах. 
Наследниками этой триады цветов при печати стали голубой (Суап), пурпурный 
(Магеща) и желтый (УеПо\) (рис. В7). Однако если теоретически при смешивании 
этих цветов получается черный цвет, то практически этот цвет имеет коричневый 
оттенок. Это связано с тем, что идеальных красок не существует. Не создано такой 
желтой краски, которая поглощала бы все световые потоки и отражала только по- 
ток с длиной волны 560—590 нм (желтый цвет). Поэтому при печати добавляют как 
минимум еще одну краску — черную. Подобная цветовая модель называется СМУК. 
В отличие от КСВ количество каждого цвета задается в процентах от 0 до 100. 


пи ПРИМЕЧАНИЕ — Длятого чтобы грамотно выполнить цветоделение, необходимо задать соответ- 
ствующие настройки в окне Со]ог Зе тд (Параметры цвета). Описание этих настроек выходит за 
рамки книги. Но если у вас возникла необходимость подготовить файл для типографии, то можно 
посоветовать: во-первых, не пользоваться настройками, установленными по умолчанию, а во-вторых, 
попросить в типографии файл с настройками и загрузить его. 


Как правило, после выполнения этой команды цвета изображения на экране из- 
менятся. Но имейте в виду, что диапазон оттенков СМУК значительно меньше, чем 
КОВ, и когда вы просматриваете на экране изображение 
в режиме СМУ\УК, это лишь имитация на экране печат- 
ных цветов. Не все цвета СМУК можно воспроизвести 
на мониторе и не все цвета КОВ можно воспроизвести 
в СМУК! 





Рис. ВУ. Молель СМУК 
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Молель НВ 


Модель НЪВ (от англ. Ние, зашганоп, Втейтеу5 — оттенок, насыщенность, яр- 
кость) является нелинейным преобразованием модели КОВ и считается наиболее 
понятной, т. к. вней присутствует координата Нче (Цветовой тон). Вы можете легко 

понять, о каком цвете идет речь, если у 


Ние — цветовой тон вас перед глазами, а лучше в голове, на- 
Заганоп — насыщенность ходится цветовой круг с координатами 
ветов. Нче задается в градусах и при- 

120° С 60° у ц Л раду р 






нимает значения от 0 до 360 (рис. В8). 

Вторая координата — замгайоп 
(Насыщенность) — это радиус круга. 
Самые насыщенные цвета лежат на 
границе круга и имеют координаты 
100. Белый цвет имеет координату 0. На 
радиусе круга лежат оттенки цветов. 

Третья координата — Вг1>те$$ 
о (Яркость) — принимает значения от 0 
300° М 

до 100. Если яркость равна 0, то цвет 

Рис. В8. Схема иветового круга черный. 


180° 0° В 


240° В 


Как выбрать цвет в Шизга®юг? 


Шозегаюог поддерживает две цветовые модели в документе: КоВи СМУК. Выбор 
цветовой модели файла осуществляется при создании нового документа, влияет на 
содержимое палитр и может быть изменен при работе. Работе с цветом посвящен 
урок 3 данной книги. 


Диалоговое окно Со/огР/скег(Полборшик цвета) 


У каждого объекта заданы как минимум два цветовых атрибута: Е (Заливка) 
и эгоке (Обводка), которые отображаются при выделенном объекте в панели ин- 
струментов и в управляющей панели (см. урок 4). 

Двойным щелчком по пиктограмме ЕЙ (Заливка) или Э@гоке (Обводка) вызывает- 
ся диалоговое окно Со]ог РкКег (Подборщик цвета) (рис. В9). В нем можно задавать 
цвет, щелкая мышью в большом квадрате, а также вводя в поля соответствующие 
координаты. Справа от квадрата подбора цвета находится шкала параметров. На 
рис. В9 активен параметр Н (Цветовой тон), т. к. выбран соответствующий пере- 
ключатель. 

Установив ползунок шкалы активного параметра на позицию 240°, вы выбрали 
синий цвет. В квадрате подбора цвета щелкните по самому яркому синему цвету и 
переключите активный параметр на > (Насыщенность). 

Нажав кнопку ОК, вы перенесете данный цвет в программу. Выбор цвета по 
модели НВ считается интуитивно понятным. 

Если вам даны координаты цвета в цветовой модели, просто введите их в соот- 
ветствующие поля. 
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Союг Рккег 


он: 
О$: 
ОВ: 
ОВ: 59 
Об: 69 
ОВ: 229 
# 4545Е5 





Рис. В9. Диалоговое окно Союг РиаКег 


Палитра Со/ог(Цвет) 


Палитра Со]ог (Цвет) теперь мало используется в работе (рис. В10). Принцип 
действия у нее такой же, как и у окна Со]юог РасКег (Подборщик цвета). 

В нижней части палитры расположена шкала цвета, щелкая по которой вы вы- 
бираете цвет. 

Цвет также можно задать, двигая ползунки координат цвета или введя конкрет- 
ные значения в соответствующие поля. Через контекстное меню палитры можно 
выбрать отображение палитры в любой цветовой модели (список справа, в котором 
сейчас выбрана модель НЪВ). 





* Х 
$ Союг — Не Орбопз 
|, 
хит —— 5 бгаузса!е 
и 5 миинниненинние 69,87 % | ро 
ом НВ 
А = В Е 895 % | СМУК 
\ММеь 5аЁе КСВ 
74 № 
о 
Согттр!етеге 


Сгеа&е Ме\ми ЭмгафсИ... 





Рис. В10. Палитра СоЮг 
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Палитра $илэспе$ (Образцы) 


Палитра Эмаеве$ (Образцы) уже содержит стандартный набор цветов (рис. В11). 
ЦЩелкая по образцу, вы выбираете цвет. 

При выборе цвета в палитре Эмаеве$ (Образцы) цвет переносится во все цве- 
товые задания программы. 


шл Ее Едфи ОШесе Туре Зыесё ЕМесе \Мем \Мпдом Неер ыы 





Рис. ВТ. Палитра 5Ма&спе$ 


УРОК 1 





Интерфейс программы 


А Га Ре Бут  Обрых Туре бейнт РАеср Мне беде Вр № = О  жын ы ДБ, мыла ыы — 
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Каждый раз, открывая новую версию или вообще первый раз запуская про- 
грамму, вас поражает чудо-интерфейс и дизайн кнопочек, расположение или 
внешний вид которых вызывает легкое недоумение. Но это только первое время. 
Становясь профессионалом, проводя дни и ночи в компьютерном погружении, вы 
привыкаете к настройкам — они становятся неотъемлемой частью вашей жизни, 
предметов окружения, воздухом вашего сознания, продолжением ваших рук... И вы 
уже не понимаете, как вы жили раньше без этой программы, как могли мыслить 
по-другому? 

Начинающему пользователю великий Шиагаог кажется бесконечным миром, 
в котором осознание каждой его части — это море новых возможностей в само- 
реализации. И вы будете восхищаться им каждый раз и радоваться обновленным 
версиям, предвкушая при их установке воплощение в нереальном мире компьютера 
ваитих нереальных дизайнерских мыслей и проектов! 


В этом уроке вы познакомитесь со следующими аспектами работы в Шазгафог: 


= работой с интерфейсом программы; 

> возможностью использования различных рабочих пространств; 
> настройкой палитр; 

> активизацией инструментов; 

= изменением масштаба просмотра. 
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Интерфейс 


Загрузите программу Шиягаог. Без открытых документов окно программы 
кажется безжизненной оболочкой. Как создать новый документ? 

В последних версиях можно выбрать из предлагаемых вариантов «быстрого 
старта в документ» раздел Стеже а пеу Ше (Создать новый файл) с вариантами 
файлов (рис. 1.1). 


Сгеае а пеми Ще 


пошоаеы 


Розсага \МеБ-Гагре РАопе Х НОМИНОТУ 1080 Сизюгт 52е 
20 — пт 197.6 х 101.6 гп 1920 х 1080 рх 1125 х2436 рх 1920 х 1080 рх МхН 


Рис. 11. Разлел Сгеае а пем/ Ие выбора варианта файла 


Если необходимо задать параметры при создании нового документа, щелкните 
по кнопке слева Сгеже Ме\ (Создать Новый). В диалоговом окне №ем Ооситеп (Но- 
вый документ) разделы Мое (Мобильные устройства), \\е (Веб), Риш (Печать), 
Е|т & У!ео (Фильм видео), Аг & ШизгаНоп (Иллюстрации) содержат документы с 
предустановленными параметрами, используемыми для названных целей (рис. 1.2). 
В правой части диалогового окна вы можете изменить установленные параметры 
на новые. Выберите из раздела Ргшё (Печать) вариант документа А4. 


Мем Сосыттнеги: Г 8 | 


(© Вест | Ат & Мес АП 5 ШизтаНоп 


УСЦЙ ВЕСЕНТ (ТЕМ$ (10) РЕЕЗЕТ ОЕТАЦ $ 


Ипе9-1 
мл 
210 мт Мег 


Нем Опегиз оп 


























Рис. 1.2. Диалоговое окно параметров нового локумента 
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В правой части диалогового окна в разделе РВЕЗЕТ РЕТАП (Параметры на- 
бора) по умолчанию установлено значение ОпИ@ед-1 (Безымянный), это имя до- 
кумента. Название дают уже выполненной работе, сохраняя значимый результат. 

Будьте внимательны с параметрами, которые вы выбираете, особенно с вы- 
падающим списком единиц измерения, потому что в дальнейшем все построение 
объектов и расчеты будут вестись в них. Установите Сепитеег$ (Сантиметры). 

Поле Агфоаг8$ (Монтажные области) устанавливается по числу ожидаемых про- 
ектов в одном документе (см. рис. 1.2). Пока в документе только одна монтажная 
область. 

Нажмите кнопку Сгеже (Создать), и документ будет создан. 

Для того чтобы не рисовать в новом документе (мы пока особо ничего не умеем), 
рассмотрим рабочее пространство программы с открытым файлом. 

Выполните из главного меню программы команду ЕЙ? | Ореп (Файл | Открыть), 
выберите файл Сапбеап.а! из папки [е$$оп5\Урок_1_Интерфейс (рис. 1.3). 


А Га Рае Бут Обрых Туре бен  САеср би  Мбедеи ВН № = Я Езепбан ы Дь свысн аль 26 — 


Саенеаия |Сеегляеге 4]. 200% (АСВ ИРИЕМКЛЯ И 





мены Г № 


в 2ЕЩ 9 рол: Пух 








Рис. 1.3. Окно программы узуаюг 


Главное меню содержит основные команды управления, объединенные по 
общему назначению: 


+ Ее (Файл) — операции с файлами, такие как открытие и сохранение, помещение 
в документ. Здесь же находятся команды вывода документа на печать; 


+ ЕАК (Редактирование) — команды редактирования (отмена и возврат действий, 
операции с буфером обмена, задание узора и т. д.), а также установки про- 
граммы; 

+ ОЩес (Объект) — команды, предназначенные для работы с объектом (трансфор- 
мация, группировка, следование в уровнях, растрирование, трассировки ит. д.); 

Ф Туре (Текст) — команды работы с текстом; 

э@есЕ (Выделение) — команды сохранения, изменения выделения; 

+ ЕНес (Эффект) — различные эффекты программы; 


$® 
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+ Уем (Вид) — здесь сосредоточено все, что вы можете видеть на экране: команды 
по изменению масштаба просмотра документа, а также отображению различных 
вспомогательных элементов интерфейса; 


+ УМпдом (Окно) — команды организации рабочего пространства, отображения 
палитр и окон документов; 


+ Нер (Помощь) — вызов справочной информации. 


Работа с быстрыми («горячими») клавишами 


Наиболее часто используемые команды главного меню, инструменты, палитры 
вызываются быстрыми клавишами. К примеру, команда главного меню ЕЙе | Ме\у 
(Файл | Создать) может быть вызвана клавишами <СИ1>+<М>, для отмены по- 
следнего действия (команда ЕВН | Опдо) необходимо нажать комбинацию клавиш 
<С>+<1>. 


“1 / _ ВНИМАНИЕ! — При раскрытом выпадающем списке, открытых диалоговых окнах или подсвеченных 

_ параметрах выполняются более приоритетные задачи для программы, чем действие быстрых клавиш. 

% Пока вы не свернете все списки и диалоговые окна, быстрые клавиши не будут работать. В старых 
версиях программы быстрые клавиши не работали при русской раскладке клавиатуры. 





Палитры 


Палитры (панели) содержат наборы или настройки. 

Довольно редко необходимо видеть и использовать все палитры сразу. Поэтому 
многие палитры отображаются в виде пиктограмм, символизирующих их назна- 
чение, а также могут быть представлены в полностью развернутом виде. Полное 
представление неудобно, т. к. занимает большую часть рабочего пространства 
программы. 

Если вы желаете выбрать подходящее для работы расположение палитр, выпол- 
ните команду УМтдо\м | У№огК$расе | Е5зепйа!5 Сазс (Окно | Рабочее пространство | 
Необходимое Классика) или выберите из правой части главного меню необходимое 
пространство (рис. 1.4). 

Щелкая по пиктограмме «двойные стрелки» вверху палитр, вы можете раскры- 
вать палитры; повторный щелчок вновь сворачивает их, оставляя только значки. 

Вы можете наиболее удачно для себя располагать и составлять удобные наборы 
палитр, сохранять полученную рабочую область под своим именем или названием 
командой Эауе У\огК$расе (Сохранить рабочее пространство) извыпадающего спи- 
ска рабочих пространств в правой верхней части окна. В любой момент возможно 
получить данное расположение палитр, выбрав название в данном выпадающем 
списке. 

Если вы изменили установленное пространство, то восстановить его можно, 
выполнив команду Везеё Ебзепйа[5 СЧазхес (Сбросить Необходимое Классика) или 
выбрав ваше рабочее пространство. 

Пространство Ебзепйа[5 Цаз$яес (Необходимое Классика) содержит необходимый 
набор полезных палитр для работы. 
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Рис. 1.4. Выбор рабочего пространства Еззепйаю ЦазУс 


Функциональные клавиши 


Для отображения и сокрытия наиболее важных палитр используются следующие 
функциональные клавиши: 
Ф палитра Вги$Ие$ (Кисти) — <В5>; 
Ф палитра Союог (Цвета) — <Еб>; 
Ф палитра Гауег$ (Слои) — <Е7>. 

Функциональные клавиши находятся в верхнем ряду на клавиатуре; их названия 
начинаются с буквы «Е». 


Перестройка палитр 


Порядок организации палитр можно изменять и переносить вкладки с одной 
палитры на другую. Вы можете сформировать любой свой набор и расположение 
палитр в зависимости от целей и задач. 

Вы можете отсоединить палитру, расположив ее отдельно, или работать с группой 
палитр (рис. 1.5), объединенных в одно целое. 

Из правой области программы вы можете выделить группу палитр. Все палитры 
«плавающие», т.е. они всегда располагаются поверх изображения, и влюбой момент 
их можно передвинуть (рис. 1.6). 

Перемещать группу палитр как одно целое нужно за серое поле над вкладками. 
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Рис. 1.5. Примеры палитр, расположенных группой 
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Рис. 1.6. Перемешение палитр 


Обратно присоединить группу к 
о - Шиш _ правой части палитр вы можете, пере- 

т Иа мещая за серое поле над вкладками. При 
==. этом необходимо добиться, чтобы пра- 
вый блок палитр «подсветился» голубым 
цветом, тогда «стыковка» произойдет 


(рис. 1.7). 





Рис. 1.7. Перемешение группы 
ДЛЯ «СТЫКОВКИ» 


Для вашего удобства возможно перемещение вкладок палитр, расположен- 
ных в группе. Вы можете отделить палитру от группы, ухватив мышью корешок 


вкладки. 
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Рис. 1.8. Строение палитры 


Также возможно перемещение палитр вдругие группы для формирования новых 
групп по своему желанию. 
Строение палитры на примере палитры Э@гоКе (Обводка) приведено на рис. 1.8. 


Выбор и скрытие палитры 


Полный список всех палитр находится в меню У\шдом (Окно). Активные па- 
литры, указанные впереди в своих группах, отмечены галочками рядом со своим 
названием. Для того чтобы открыть или закрыть палитру, установите или сбросьте 
галочку. 

Если же палитра видна на экране, но находится на заднем плане, активизируйте 
ее щелчком по вкладке с названием. При этом палитра выйдет на передний план 
в своей группе. 

Если палитры перекрыли изображение, нажмите клавишу <Таб>, чтобы их 
скрыть. 

Нажмите клавишу <Таб> еще раз, чтобы отобразить все палитры. 

Для того чтобы скрыть палитры, но при этом оставить видимой панель инстру- 
ментов, воспользуйтесь комбинацией клавиш <5ШИ>-+<Таб>. 


Панель инструментов 


На панели инструментов представлены все инструменты, цвета атрибутов за- 
ливки и обводки, а также средства просмотра и построения изображения (рис. 1.9). 
В следующих уроках мы будем изучать инструменты подробнее. 

Стрелка, расположенная в правом нижнем углу пиктограммы с изображением 
инструмента, свидетельствует о наличии раскрывающейся панели, содержащей 
дополнительные инструменты. 
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Вы можете отсоединить отдельно группу инструментов (рис. 1.10). 
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Рис. 110. Отделение группы инструментов 


Опрелеление инструмента 





Не нажимая кнопки мыши, установите указатель над 
одним из инструментов, и вы увидите подсказку програм- 
мы — надпись с названиями инструмента и клавиши, нажав 
которую вы вызовете этот инструмент (рис. 1.11). Рис. 1.1. Полсказка 


`Весапае Тоо! (М) 


Выбор инструмента 


Инструмент активизируется щелчком по его пиктограмме или нажатием быстрой 
клавиши (ее отображает подсказка) — рис. 1.12. 

Выбранный инструмент подсвечен белым цветом, и под главным меню про- 
граммы располагается панель его параметров. 

Инструмент активен до тех пор, пока вы не выберете другой. 

В правом нижнем углу пиктограмм некоторых инструментов стоит маленький 
треугольник. Это значит, что за этим инструментом «спрятаны» другие, дополни- 
тельные (см. рис. 1.12). 
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Рис. 112. Выбор инструмента 


Выбрать «спрятанный» инструмент можно несколькими способами. 

+ Установите указатель на пиктограмму, где есть треугольник, нажмите кнопку 
мыши, а затем, дождавшись появления дополнительных инструментов, выберите 
один из них и отпустите мышь. 

+ Нажав клавишу <А[>, щелкните по пиктограмме инструмента. С каждым щелч- 
ком в ячейке появляется очередной дополнительный инструмент. 
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Режимы отображения 


Для этой части урока откройте командой Ее | Ореп файл Сатбеап.а! из папки 
[е5з0п5\Урок_1_Интерфейс электронного архива. 

В программе используются три режима отображения окна программы. 

В нижней части панели инструментов находится пиктограмма переключения 
режимов отображения (рис. 1.13). 

Переключаться между режимами также возможно быстрой клавишей <[>. 


ОМИ 

во ° 
г У — Могта| 5сгееп Моде 

| Ри| 5сгееп Моде ми Мепи Ваг 


Ри! $сгееп Моде 





Рис. 113. Пиктограммы переключения режимов отображения 


По умолчанию включен первый режим М№огта| Эсгееп Моде (Нормальный 
экранный режим). 

Второй режим — Ей Эсгееп Моде "ий Мепи Ваг (Полный экран с главным 
меню). При данном режиме изображение располагается в полный экран, но без 
строки заголовка и без полос прокрутки. 

Третий режим — Ри Эсгееп Моде (Полный экран). Изображение выводится в 
полноэкранном режиме без строки заголовка, без строки меню и без полос про- 
крутки, что рекомендуется при окончательном композиционном просмотре. 


` Ти 





= 


— ВНИМАНИЕ! — Будьте аккуратны при нажатии быстрых клавиш, иногда можно случайно промах- 
нуться и установить не тот режим отображения. 


# 


Способы изменения масштаба просмотра 


Перемещение по изображению и быстрое изменение масштаба очень часто 
оказываются важными приемами работы. 

Значение текущего масштаба изображения на экране находится в левом нижнем 
углу рабочего окна каждого документа. Вы можете изменять масштаб в пределах от 
3,13 до 6400% в старых версиях (с июня 2020 года — от 0,31 до 6400%). Так как век- 
торная графика содержит большое количество деталей, изумительно качественных 
вбольшом масштабе, вам необходимо уметь быстро изменять масштаб изображения 
(рис. 1.14). Используя «горячие» клавиши, вы будете сосредоточены на выполнении 
дизайнерских задач, а не потратите время на выбор инструментов. 


ПРИМЕЧАНИЕ! Во всех случаях вы должны помнить, что на печати будет 100% вашего изо- 
бражения. 
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Работая с изображением, вы можете использовать слелующие приемы. 

+ Увеличение масштаба (при любом активном инструменте) — быстрые клавиши 
ЗЕЕ. 

+ Уменьшение масштаба (при любом активном инструменте) — быстрые клавиши 
<С>-<->. 

+ Увеличение определенной части изображения — одной рукой нажмите ком- 
бинацию клавиш <СИ1>-+<Пробел>, на экране появится лупа; другой рукой 
(с помощью мыши) обведите лупой в рамочку область, которую необходимо 
увеличить (рис. 1.15). 





Рис. 1.15. Слева: так вылеляется область. Справа: результат масштабирования 
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+ Переход к масштабу 100%: 
е дважды щелкните на значке инструмента [&& Гоот (Лупа); 
» вглавном меню выберите команду М ем | Асиа! ме (Вид | Реальный размер) 
или нажмите комбинацию клавиш <С(>+<1>. 
+ Увидеть изображение целиком: 


е дважды щелкните на значке инструмента ь) ‚ Напд (Рука/Прокрутка); 
е нажмите комбинацию клавиш <СИ>+<0>; 


» вглавном меню выберите команду М\ ем | Ей Агфоаг@ ш УМ тдоу (Вид | Проект 
по размеру окна). 


Дополнительные срелства изменения масштаба 


Инструмент 2оот (Лупа) 


При выборе инструмента [29 Гоот (Лупа) указатель мыши принимает вид в. 
При каждом щелчке масштаб увеличивается на фиксированное значение. о 

Если удерживать нажатой клавишу <А!{>, указатель примет вид  @, а, и масштаб 
будет уменьшаться. 

Обведя в рамочку инструментом Лоот (Лупа) часть изображения, вы увеличи- 
ваете заданную область. 


Палитра Маудаюг (Навигатор) 


Палитра Мамгабог (Навигатор) сочетает в себе различные способы изменения 
масштаба, в том числе полосы прокрутки (рис. 1.16). 

Для изменения масштаба используются поле ввода, ползунок или кнопки. 

Как только масштаб будет настолько велик, что не все изображение будет по- 
мещаться на экране (увеличьте, к примеру, до 200%), внутри палитры появится 
красная рамка (часть изображения, отображаемая на экране), передвигая которую 
вы сможете перемещаться по изображению. 








Рис. 1/16. Палитра Мамда@юг 
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Быстрое перемешение по изображению 


Если вы работаете в большом масштабе или размер изображения больше, чем 
может поместиться на экране монитора, у документа появляются полосы про- 
крутки. О 

Для прокрутки используется инструмент $. Напа (Рука/Прокрутка). 

Его легко вызвать, удерживая нажатой клавишу <Пробел> при любом активном 
инструменте (за исключением инструмента Туре (Текст) при вводе текста). 

Если вам показалось, что здесь приведено слишком много способов переме- 
щения по документу, не стоит беспокоиться: вы не должны сразу запоминать их 
все. Попробуйте удержать в памяти наиболее важные из них, особенно быстрые 
клавиши, и со временем вы будете работать, как настоящий профессионал, не за- 
мечая интерфейса. 


Работа с несколькими монтажными областями 
в олном локументе 


Если вы работаете в сфере полиграфической рекламы, одни и те же элементы 
графического образа вами используются как основные элементы, но в различных 
носителях. К примеру, требуется создать календарь, буклет и баннер в одном до- 
кументе. Вы можете создать несколько монтажных областей в одном документе. 


АпвБоага (Монтажная область) 


Монтажные области представляют собой области, которые могут содержать 
печатаемые графические объекты. Монтажные области можно использовать 
в качестве областей кадрирования для печати. Наличие нескольких монтажных 
областей полезно для создания различных объектов, таких как многостраничные 
файлы РОЕ печатные страницы с разными размерами или элементами, независи- 
мые элементы веб-сайтов и пр. 

Можно создавать многостраничные файлы, содержащие до 100 монтажных 06- 
ластей различных размеров. Созданные монтажные области могут перекрываться, 
примыкать друг к другу или находиться одна на другой. 

Монтажные области можно сохранять, экспортировать и печатать независимо 
или вместе. 

Число монтажных областей для документа можно задавать при его создании, в 
ходе работы с документом их можно добавлять и удалять. Можно создавать монтаж- 
ные области различных размеров, изменять размеры при помощи инструмента © 
№ 81 Агфоага (Монтажная область) и палитры Агфоагд$ (Монтажные области), 
а также располагать их в любом месте экрана, даже с перекрытием одних другими. 





Режимы просмотра графических объектов 


Для изменения параметров отображения документа в рабочем окне программы 
используются различные режимы из главного меню МУ ем (Вид) (рис. 1.17). 
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Оу те Си+\У 














ОмегрипЕ Ргемем АН+Н+ С++ У 


Рихе! Ргемлему А+ СНУ 


Рис. 1/7. Режимы отображения из главного меню \Лем/ 


Сатьеап [Сопме(ед].а! @ 294,88% (ВСВ]Ргемем)] © | Сагьеап [Сопуецед].а!" @ 294,88% (СВО! пе) 


7 





Рис. 118. Режимы просмотра изображений в сравнении 


По умолчанию в программе задан режим просмотра Ргемем (Иллюстрация). Этот 
режим фиксируется в скобках после названия документа. В данном режиме все объ- 
екты отображаются в цвете, с узорными заливками, градиентами, декоративными 
обводками, примененными эффектами. Растровые иллюстрации отображаются 
в цвете, то есть то, что вы применили, нарисовали — всю эту красоту вы видите 
в вашем документе. 

Для удобства построения, выделения, выравнивания существует альтернативный 
режим просмотра — Оч@те (Макет). Переключение вданный режим осуществляет- 
ся командой главного меню У еу | ОиИше (Вид | Макет) или «горячими» клавишами 
<СШ>-+<У>. В режиме Оийше (Макет) объекты отображаются без цвета со служеб- 
ной обводкой, иллюстрации — в виде прямоугольных контуров (рис. 1.18). 

Также существует возможность переключения в данный режим части изобра- 
жения с помощью палитры Глауег$ (Слои). 

Режим ОуегргшЕ Ргемем (Отображение наложения) отображает области нало- 
жения цветов. 

Режим Рих@ Ргемем (Отображение в пикселах) преобразует векторные изобра- 
жении в пиксельные с целью отображения документа в стандарте \@Б-браузера. 
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УРОК 2 





Построение примитивов. 
Выравнивание. Группировка 





В этом уроке мы рассмотрим схемы построения сложных на первый взгляд 
рисунков и нарисуем забавных животных простыми объектами. Вы почувствуете, 
как удобно изменять цвет и обводки в программе. Прежде чем изменить объект, 
его необходимо идентифицировать среди окружающих объектов. Это делается 
с помощью выделения объекта. Программа АдоБе Шиаугатог позволяет производить 
выделение, используя разнообразные методы и инструменты. 


В этом уроке вы узнаете: 
> о построении примитивов произвольно и с заданными параметрами; 
> об инструментах и командах выделения; 
= как присвоить цвет объектам и что такое атрибуты «заливка» и «обводка»; 


= как изменять не только цвет, но и форму контура с помощью палитры 5@тгоке 
(Обводка); 


> о порядке следования объектов и его изменении; 
= чем удобна операция группировки; 
= как выравнивать и распределять по уровню объекты. 
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Построение примитивов 


В Шозгаюг существуют заготовки фигур — примитивы, которые мы можете 
нарисовать за одно движение. Это инструменты группы прямоугольника и часть 
группы линии (рис. 2.1). 


= ит — И 
°С копдед веавпою Тоо Г исто 
© Еее Тоо! (6) “) риа! То 
{© Роуодоп Тоо! ЕЕ весапдашаг Си4 Тоо! 
5 $аг Тоо1 _ @® роагаа Тоо! 
() Наге Тоо 


Рис. 21. Инструменты-примитивы 


Инструменты ЮеСапсо/е (Прямоугольник), Фоипаед вес апо/е 
(Скругленный прямоугольник), Е/р5е (Эллипс) 


Данные фигуры можно строить двумя способами: «на глаз» (произвольно) и с 
заданными параметрами. Для произвольного построения существуют «горячие» 
клавиши, которые изменяют место построения и пропорции. 

1. Создайте новый документ. Выберите инструмент Кесапе (Прямоугольник) 

или Коипдед Весапзе (Скругленный прямоугольник). 

2. Перетащите курсор по диагонали, пока не получите фигуру нужного размера 

(рис. 2.2). 





Рис. 2.2. Построение прямоугольника, скругленного прямоугольника, эллипса 


При построении фигур помогают клавиши-модификаторы: 

Ф чтобы нарисовать ипропорциональную фигуру, удерживайте клавишу <ЗШЁ> в 
процессе построения и, не отпуская ее, перетащите курсор по диагонали, пока 
не получите фигуру нужного размера; 

Ф лля построения фигуры из иентра щелчка в процессе построения удерживайте 
клавишу <А[>; 

Ф лля построения пропорииональной фигуры из центра удерживайте комбинацию 
клавиш <5ШИ>-+<А>; 
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Ф для перемещения фигуры в момент постро- 
ения удерживайте клавишу <Пробел>; 

Ф для изменения радиуса скругления при 
использовании инструмента Коипде9 
Весапае (Скругленный прямоугольник) 
удерживайте клавиши <Т> или <] > 
в процессе построения. 


Постройте квадрат при помощи клавиши 
<5ШИ>, затем круг из угла квадрата, исполь- 
зуя <$ШИ>-+<АК> (рис. 2.3) 

Для того чтобы создать данные фигуры 
путем ввода значений, щелкните в той точ- 
ке, где должен находиться левый верхний 
угол фигуры. В появившемся диалоговом 





Рис. 2.3. Круг, построенный из угла 


квалрата 
окне (рис. 2.4) укажите ширину и высоту 
(и радиус скругления угла для прямоуголь- 
ника), а затем нажмите кнопку ОК. 
$55 
вы ПРИМЕЧАНИЕ —Есливы рисуете фигуру путем ввода измерений и желаете сохранить пропорции 


при построении объектов, используйте пиктограмму ® (см. рис. 2.4). 





Рис. 2.4. Диалоговое окно для построения 


Динамические фигуры: 
прямоугольники и прямоугольники со скругленными углами 


Можно легко управлять углами прямоугольников как при построении, так 
и после. Вы можете менять радиус скругления каждого угла в отдельности. При 
масштабировании и повороте прямоугольника атрибуты его углов остаются без 
изменений. Программа Шизтгаюг теперь запоминает результаты работы (ширину 
объекта, его высоту, параметры поворота и скругления углов), чтобы вы могли 
с легкостью вернуться к исходным параметрам фигуры (рис. 2.5). 
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Экспериментируйте со скруглением углов фигур и контуров, используя маркеры 
или вводя значения параметров в разделе Согпег Туре (Углы) палитры Ргорег@е$ 
(Свойства). Один или несколько углов можно одновременно скруглять, перево- 
рачивать или делать скошенными. 


чч Х 


Трали 
Х: 19,563 ст М 7,963 см 


У: 1328 ст Н: 11087 ст 


А: 5 > р 4 ху. 





Рис. 2.5. Параметры скругления и размеров прямоугольника 


Инструмент Ро/удоп (Полигон) 


Инструмент Роуэоп (Полигон) строит геометрический объект (многоуголь- 
ник) с заданным числом сторон одинаковой величины, расположенных на равном 
расстоянии от центра. 

+ Фигуру можно вращать в процессе построения. 

Ф Для того чтобы зафиксировать горизонтально инструмент Роузоп (Полигон), 
удерживайте клавишу <ЗЫЙ> в процессе построения. 

Ф Для перемещения фигуры в момент построения удерживайте клавишу 
<Пробел>. 

+ Клавиша <Т> увеличивает число сторон полигона, а клавиша <{> уменьшает 
их число. 

Ф Треугольник создается из полигона уменьшением количества сторон до трех. 

Для того чтобы создать полигон (многоугольник) с заданными параметрами, 
следует активизировать инструмент и щелкнуть кнопкой мыши в точке предпола- 
гаемого центра. На экран выведется диалоговое окно Роугоп (Полигон), в котором 
по умолчанию отображаются параметры предылущего построения (рис. 2.6). 

Параметры многоугольника: Ка@$ (Радиус) — расстояние от центра до угловой 
точки, $14е$ (Число сторон) — число сторон многоугольника. 
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Рис. 2.6. Построение полигона 


Инструмент 5аг(3везла) 


Построение звезды с помошью инструмента баг (Звезда) всегда начинается 
из центральной точки. Звезда представляет собой фигуру с заданными количеством 
лучей и двумя радиусами — внешним и внутренним. 

Ф Фигуру можно вращать в процессе построения. 

Ф Для фиксирования инструмента Эаг (Звезду) в горизонтальном положении 
удерживайте клавишу <ЗШЩ> в процессе построения. 

Ф Для перемещения фигуры в момент построения удерживайте клавишу 
<Пробел>. 

+ Клавиша <Т> увеличивает количество лучей при построении, а клавиша а 
уменьшает количество лучей. 

Ф При удерживании клавиши <С{\> внутренний радиус звезды остается неиз- 
менным, а при удерживании клавиши <АЁ> стороны соединяются под прямым 
углом. 

Для того чтобы создать звезду с заданными параметрами, следует активизировать 
инструмент и щелкнуть кнопкой мыши в точке предполагаемого центра. На экран 
выведется диалоговое окно ®аг (Звезда), в котором по умолчанию отображаются 
параметры предыдущего построения (рис. 2.7). 


ч_х 


Ваби$ 1: 3,3819 ст 


Ваз 2: 1,6909 ст 





Рис. 2.7. Построение звезлы 
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Параметры звезды: Рош (Число лучей), Кадш$ 1 (Радиус 1) — расстояние от 
центра до ближайшей точки (внутренний радиус), Кади 2 (Радиус 2) — расстояние 
от центра до дальней точки (внешний радиус). 


Группа инструментов незамкнутых линий 


Инструмент Е те $едтеп: (Линейный сегмент) 


Инструмент и Ппе Зесгтеш (Линейный сегмент) создает отдельный прямой 
отрезок под произвольным углом. 

Для создания линии необходимо нажать кнопку мыши в начальной точке и, не 
отпуская кнопки, протянуть линию до нужной точки. После этого кнопку можно 
ОТПУСТИТЬ. 

+ Клавиша <Пробел> позволяет перемещать линию во время ее создания. 
+ Если во время построения удерживать клавишу <>, линия создается гори- 
зонтально, вертикально или под углом, кратным 45°. 

Для создания линии с заданными параметрами следует активизировать ин- 
струмент и щелкнуть кнопкой мыши в начальной точке. На экран выведется 
диалоговое окно пе эЗеетепе Тоо! Орйоп$ (Параметры инструмента «Линейный 
сегмент»), в котором по умолчанию отображаются параметры предыдущей линии 
(рис. 2.8). 

Параметры линейного сегмента: еп (Длина), Апзе (Угол). 


«Хх 


иго ® 


= 


Рис. 2.8. Построение линейного сегмента 


Цпе $едтеги Тоо! Орбоп$ 





Инструмент Агс (Дуга) 
Инструмент | / Агс (Дуга) создает отдельную дугу различных размеров 
(рис. 2.9). 


Ф Если во время рисования удерживать клавишу <А[>, то дуга создается източки, 
в которой был выполнен начальный щелчок кнопкой мыши. 


+ Клавиша <Пробел> позволяет перемещать дугу во время построения. 


+ Клавиши <Т> и <{>, нажимаемые во время рисования дуги, обеспечивают 
увеличение или уменьшение угла дуги. 
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Агс бедглеги Тосо! Орбоп; 


епой У-АхЕ: 3,54 ст 
Туре: Ореп 
Вазе Аюпо: Х Ахв 








Рис. 2.9. Построение луг 


Инструмент $р/га! (Спираль) 
Спираль может быть использована для рисования поросячьих хвостов, кудряшек 
и прочего, похожего на спираль. 
Спираль инструментом ® эрига|! (Спираль) строится из центральной точки. 
Ф Фигуру можно вращать в процессе построения. 
+ Клавиша <Пробел> позволяет перемещать дугу во время построения. 
+ Клавиша <Т> увеличивает количество завитков, а клавиша <> уменьшает их 
число. 
Для создания спирали с заданными параметрами следует активизировать ин- 
струмент и щелкнуть кнопкой мыши в точке предполагаемого центра (рис. 2.10). 


Кадиз: 14,8401 пт 


Обесау: 80% 











Рис. 210. Построение спиралей 


Параметры спирали: 

+ Кадш$ (Радиус) — расстояние от центра до самой дальней точки спирали; 

+ Песау (Рост) — величина, на которую каждый виток спирали будет уменьшаться 
по сравнению с предыдущим витком; 
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Ф Зеотепс (Число сегментов) — количество сегментов в спирали. Каждый полный 
виток спирали состоит из четырех сегментов; 


Ф УЕ (Стиль) — направление спирали. 


Инструмент Репси (Карандаш) 


Инструмент Р2 Репсй (Карандаш) («горячая» клавиша — <М>) создает от- 
крытые и замкнутые контуры аналогично рисованию настоящим карандашом на 
бумаге. С помощью инструмента Репсй (Карандаш) удобнее всего быстро создавать 
эскизы от руки. 

При рисовании инструментом Репсй (Карандаш) опорные точки появляются 
автоматически, их расположение невозможно задать вручную. Однако после того, 
как контур нарисован, их можно скорректировать. Число опорных точек определя- 
ется длиной, сложностью контура и значениями допуска в параметрах инструмента 
(рис. 2.11). Эти параметры управляют чувствительностью инструмента к движению 
мыши или пера на графическом планшете. 

Если во время построения удерживать клавишу <ЗШЩ>, линия создается гори- 
зонтально, вертикально или под углом, кратным 45°. 





ии 


С] АЙ пе репсй зблоке$ 
22 Кеер заесед 


С] АК Кеу 009е$ о тосол Тоо! 


21 Союзе ра 5 мпеп еп 5 аге ут: 
22 ЕЗК зеесед раз 
МЕН: - О 


(в ) С Сом ) 





Рис. 2.1. Настройки каранлаша 


Вылеление объектов 


Прежде чем изменить объект, его необходимо идентифицировать среди окру- 
жающих объектов. Это делается с помощью выделения объекта. Когда объект 
выбран, его можно редактировать. Программа Шаятаюг позволяет производить 
выделение с помощью следующих методов и инструментов. 
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Ф Принципы выделения объектов похожи на выделение файлов: 
® если вы хотите присоединить к выделению объект, то необходимо щелкнуть 
по нему с нажатой клавишей <5ШЁ>; 
® 0тсоединить от группы выделения — повторный щелчок с нажатой клавишей 
<5ШЙ>. 
Ф Для того чтобы снять выделение, необходимо щелкнуть по свободному месту. 
+ Часто используемые команды главного меню по выделению объектов: 
» З@есе | АП (Выделение | Выделить все) или <СИ1>+<А>; 
е З@есе | Оезёесй (Выделение | Снять выделение) или <ЗШИ>+<СИ1>+<А>. 
+ Врежиме ОицИше (Макет) выделение происходит щелчком (или захватом «рам- 
кой») по контуру или по геометрическому центру. 


Инструменты вылеления объектов 


Инструмент 19 э@есНоп (Выделение) («горячая» клавиша — <\У>): 

Ф ПпОоЗвОЛЯет выделять объекты и группы щелчком мыши или перетаскиванием 
указателя; 

Ф при перетаскивании с нажатой клавишей <АЦ> копирует объект (рис. 2.12); 


о 


ь. 





и“ 





№. 
И 


Рис. 2/2. Копирование с помошью инструмента 5е/есйоп 


Ф при перетаскивании с нажатой комбинаци- 
ей клавиш <А{>+<5ШЁ> копирует объект 
горизонтально, вертикально или под углом, 
кратным 45°; 

Ф ЛвОЙНОЙ щелчок данным инструментом по 
объекту или группе объектов вызывает режим 
боайоп Моде (Режим изоляции); 

Ф при выделении объекта или группы объектов 
с помощью данного инструмента образуется 
Воипашео Вох (Табаритный контейнер), по- 
средством которого возможна свободная Рис. 213. Габаритный контейнер 
трансформация (рис. 2.13). вылеленного объекта 
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соайоп Моде (Режим изоляции) позволяет быстро изолировать слой, подслой, 
контур или группу объектов от всех других иллюстраций в документе. В режиме 
изоляции все неизолированные объекты в документе недоступны, их нельзя вы- 
делять и редактировать. 

Режим изоляции вызывается двойным щелчком по объекту. Для того чтобы 
выйти из режима изоляции, необходимо сделать двойной щелчок мышью по сво- 
бодной области при активном инструменте Э@есйоп (Выделение). 

Удобство режима изоляции заключается в возможности изменений атрибутов 
объектов и трансформации с использованием Воипато Вох (ГТабаритный контейнер). 

Рассмотрим инструменты выделения. 


А. Пес з@есйоп (Частичное выделение) («горячая» клавиша — <А>) по- 
зволяет выделять отдельные опорные точки или сегменты контура щелчком мыши, 
выделять контур или группу целиком, выбрав любой их участок. Также можно вы- 
делить один или несколько объектов в группе. 


3 Отоипр э@есйоп (Выделение в группе) выделяет объект внутри группы, от- 
дельную группу внутри нескольких групп или набор групп внутри изображения. 
Каждый дополнительный щелчок по объекту выделяет все объекты из следующей 
группы, если это вложенная группа. Габаритный контейнер трансформации при 
этом не отображается, что очень неудобно. 


® Га$50 (Лассо) <О> выделяет объекты, опорные точки или сегменты кон- 
тура путем перетаскивания указателя мыши вокруг объекта или части объекта по 
произвольной траектории. 


+ | 

/’ Мазяе Уапа@ (Волшебная палочка) («горячая» клавиша — <У\У>) выделяет по 
методу подобия по цвету, толщине или цвету обводки, одинаковой непрозрачности 
или с одинаковым режимом наложения. 


Команлы главного меню $е/ес{(Вылеление) 


В табл. 2.1 перечислены команды меню э@ес (Выделение). 


Таблица 2.1. Команды меню 5еесе (Выделение) 


Команда Описание 

АП (Все) Позволяет выделять все объекты в документе 

АП оп Асйуе Аг;фоаг@ (Все на ак- Позволяет выделять все объекты активной мон- 
тивной монтажной области) тажной области 

Рез@есе (Отменить выделение) Снимает выделение со всех объектов 


Везёесе (Повторить выделение) Позволяет повторить последнюю использован- 
ную команду выделения 


Шуег$е (Инвертировать) Позволяет выделить все невыделенные объекты и 
отменить выделение всех выделенных объектов 
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Команда 


№хЕ ОЩесЕ Абоуе (Следующий 
объект над текущим) 


№хЕ ОЩесЕ Веом (Следующий 
объект под текущим) 


заше (Подобно) 


ОЩесЕ (Объект) 


зауе э@есйоп 
(Сохранить выделение) 


Едк З@есйоп 
(Редактировать выделение) 





Табл. 2.1 (окончание) 


Описание 


Выделяет объект, находящийся над текущим 
объектом 


Выделяет объект, находящийся под текущим 
объектом 


Позволяет выделять объекты по общему атри- 
буту 


Позволяет выделять объекты одинакового типа, 
например все текстовые объекты 


Сохраняет выделение объектов 


Позволяет редактировать или удалять ранее со- 
храненные выделения объектов 


Команлы полменю $е/есЁ/5ате 


(Вылеление | Полобно) 


В табл. 2.2 представлены команды подменю З@ес{ | Зате (Выделение | Подобно). 


Таблица 2.2. Команды подменю 5ееса | бате (Выделение | Подобно) 


Команда 


Арреагапсе (Внешний вид) 


Арреагапсе Аг ще 
(Атрибут внешнего вида) 


Вепдтео Моде 

(Режим наложения) 

ЕЙ & Эгоке 

(Заливка и обводка) 

ЕЙ Союог (Цвет заливки) 


Ораску (Непрозрачность) 


эсгоке Со]1ог (Цвет обводки) 


Описание 


Выбор объектов, имеющих те же атрибуты внеш- 
него вида, что и у выделенного 


Выбор объектов, имеющих тот же атрибут внеш- 
него вида, что и у выделенного. Например, такой 
же эффект 


Выбор объектов с тем же режимом наложения, 
что и у выделенного 


Выделение всех объектов, окрашенных в одни 
и те же цвета и имеющих одинаковую толщину 
ЛИНИЙ 


Выделение всех объектов с одинаковым цветом 
заливки 


Выделение объектов с тем же значением непро- 
зрачности, что и выделенного 


Выделение всех объектов с одинаковым цветом 
обводки 
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Табл. 2.2 (окончание) 


Команда Описание 

эбгоке УЕ Выделение всех объектов с одинаковой толщи- 
(Толщина обводки) НОЙ ЛИНИЙ 

Старше эе Выделение объектов, имеющих одинаковые 
(Графический стиль) атрибуты стиля 

зушро! ш$апсе Выделение объектов по образцу символа 


(Образец символа) 


Глюк Воск Зете$ Выделение всех связанных блоков текста 
(Связанные блоки текста) 


Присвоение ивета объектам 


Атрибуты объектов 


У каждого объекта в Шазгаюг есть два базовых атрибута — ЕШ (Заливка) и 
эбгоке (Обводка) (рис. 2.14). Эти атрибуты настраиваются и отображаются в блоке 
управления цветом в панели инструментов и в управляющей панели при выделен- 


ном объекте. 
Заливка — это цвет, узор или градиент внутри объекта. Можно применять заливки 


к открытым и закрытым объектам и к граням в группах с быстрой заливкой. 

Обводка может быть видимым внешним контуром объекта, контура. 

Итак: 

1. Создайте новый документ. 

2. Нарисуйте прямоугольник. 

3. Присвойте прямоугольнику зеленый цвет заливки и черную обводку. 

Эти атрибуты равнозначны. Вы можете активизировать инструменты Е (За- 
ливка) и ®&гоке (Обводка) и изменять цвет. 


Блок управления 
цветом 


ЕШ (Заливка) 


З\гокКе (Контур) 





ЕШ (Заливка) 
З\гоке (Контур) 





Рис. 214. Базовые атрибуты объекта 
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Изменение ивета атрибутов 


Для того чтобы изменить цвет атрибута у объекта, используют два способа: 

Ф выделяют объект и присваивают цвет атрибуту; 

Ф не выделяя объект, перетаскивают цвет из палитры Змаесйе$ (Образцы) на объ- 
ект. При этом активный атрибут поменяет цвет. Блок управления цветом цвет 
не меняет. 

Под блоком управления цветом расположены переключатель цветов заливки 
и обводки *} Эмар ЕШ ап@ УЭгоке (Переключатель заливки и обводки) и кнопка 
атрибутов по умолчанию 9 Беаи@ ЕШ ап@ ЗгоКе (Цвета заливки и обводки по 
умолчанию). 

Атрибуты по умолчанию: белый цвет Е (Заливка), черный цвет Э@тоКе (Обводка) 
толщиной | рё, отсутствие эффектов и прозрачности. 
Существуют «горячие» клавиши для работы с атрибутами: 
активизация атрибута — <Х>; 
установка атрибутов по умолчанию — <О>; 
смена цветов атрибутов — <ЗШИ>+<Х>; 
назначить атрибуту М№опе (Безатрибута) — </> (только наанглийской раскладке 
клавиатуры). 
Существуют «служебные объекты» — без заливки и без обводки, несмотря на 
то, что атрибуты определены. Такие объекты не выводятся на печать, не видны 
и отображаются контурами только при выделении и в режиме Ои@ше (Макет). 


$ ФФ $х 


Проект «Улитка» 


1. Создайте новый документ. Нарисуем улитку. 

2. Создайте прямоугольник с закругленными углами. Для этого в панели 
инструментов выберите инструмент Коип4деа Кесап?е (Скругленный пря- 
моугольник), сделайте один щелчок левой кнопкой мыши на рабочем поле 
и выставите значения размеров прямоугольника, указывая максимальное 
закругление углов — 50 мм. 

3. Инструментом З@есйоп (Выделение) выделите нарисованную фигуру и соз- 
дайте ее копию. Для этого воспользуйтесь «горячими» клавишами копиро- 
вания <СИ1>-+<С> и командой из меню Е@Й | Ра%е ш Егопё (Редактирование | 
Вставить на передний план) или <СИ>-+<Е>. Неснимая выделения с копии, 
используя инструмент З@есйоп (Выделение), измените форму копии фигуры. 
Для этого необходимо передвинуть нижнюю границу габаритного контейнера 
немного вверх. 

Не снимая выделения, измените цвет заливки копии фигуры, воспользовав- 
шись палитрой э\аеВе$ (Образцы). 

4. Используя аналогичную технику копирования фигур, создайте рожки и тело 
улитки (рис. 2.15), подбирая цвет. В каждой паре рожек позиционируйте 
нижнюю фигуру со смещением и назначьте ей черный цвет. 

5. Инструментом ЕЙрзе (Эллипс) нарисуйте рот. При этом важно обращать 
внимание на перекрывающиеся фигуры. Необходимо добиться эффекта 
штриховых линий. 
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Рис. 215. Построение тела улитки эллипсами 


6. Таким же «эллиптическим» способом постройте домик-раковину на улитке 
(рис. 2.16). 





Рис. 2.16. Улитка 


Рассмотренный способ использует самые простые фигуры и копирование, и как 
результат — имитация штриховых линий. В данной технике выполнены объекты 
на рис. 2.17 (использованы только примитивы). 
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Рис. 2/7. Примеры работы в данной технике 


Порялок слелования объектов 


В двухмерном Адобе Шиаугаог объекты имеют координаты по осямхиу. Однако 
все они строятся в виде некоторой последовательности — по виртуальной оси ‹. 
Объекты, построенные раньше, располагаются ниже всех. Последний построенный 
объект размещается на самом верху этой стопки. 

Таким образом, существуют уровни, на которых располагаются объекты (вир- 
туальная ось <). 

Если в процессе построения вы нарисовали глаза раньше, чем голову, вам не- 
обходимо переместить их на передний план (иначе вы просто их не увидите). 

Для изменения объекта в стопке следования: 

1. Выделите объект. 

2. Выполните команду главного меню ОЩесе | Аггапге (Объект | Монтаж): 
Випо {о Егопе (На передний план) или <5ШИ>+<С]>+<]>; 

Вгше Еог\мага (Передвинуть на шаг вперед) или <СИ1>+<|>; 
эепа ВасК\аг@ (Передвинуть на шаг назад) или <СИ1>+<[>; 
эепа о ВасК (На задний план) или <ЗШй>+<СШ>-+<[>. 

Кроме главного меню и «горячих» клавиш вы можете выполнить эти операции 
из контекстного меню выделенного объекта (вызываемого щелчком правой кнопки 
мыши по объекту). 


Проект «Забавные животные» 


Используя похожую технику, прибегнем к помощи некоего стилистического 
подхода рисования животных примитивами. Нарисуем корову, используя для по- 
строения примитивы. 

Схема построения представлена на рис. 2.18. 
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Рис. 2.18. Схема коровы в различных режимах 


Нарисуем глаза. С помощью инструмента ЕЙрзе (Эллипс) создайте последова- 
тельную стопку эллипсов для глаза (рис. 2.19). 


Рис. 2.19. Рисование глаз 





Рисуем голову. С помощью инструментов Коипдед Весапе (Скругленный пря- 
моугольник) с максимальным радиусом скругления и ЕИИрзе (Эллипс) нарисуйте 
соответствующие фигуры. Добавьте затенение вставкой копий объектов на задний 
план (команда ЕВН | Рае ш Васк или <СШ>-+<В>). 

Для уха используется последовательно созданная серия копий эллипса 
(рис. 2.20). 
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Рис. 2.20. Схема головы в различных режимах отображения 


Рисуем тело. С помощью инструмента Коипаед ВесапЯе (Скругленный пря- 
моугольник) создайте 6 объектов, произвольные пятна и хвост с бантиком. Схема 
представлена на рис. 2.18 в начале проекта. 

В такой же стилистике можно нарисовать много всяких зверюшек (рис. 2.21). 


м» 
о 


-) 
корове тоже бывает | у ‚ 2 | 





страшно... 


просто еж... 


люминесцентная 
опасная улитка... 





жук глазастый... 


РИС. 2.21. Примеры зверюшек 


Обволка объекта. Палитра Роке (Обволка) 


Мы рассмотрели, как можно изменить цвет атрибута Э@гоКе (Обводка). 

Кроме того, можно, используя палитру Э@гоКе (Обводка), указывать многооб- 
разные параметры обводки. С помощью данной палитры вы можете моделировать 
концы и стыки линий, пунктир при установленном флажке ВазВед Глпе (Пунктирная 
линия) (рис. 2.22). 
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Ш х 


Выравнивание обводки 
относительно контура 


с этоке 


Толщина линии —— ме С 2х “ 


Концы линий _ 
(незамкнутые объекты) ыы з ее 
Стыки —— Ст № @ @ шею › 
Я |= а 


Выравнивание обводки — Авт эвоке: [3 


©] разре Це и: -2 по центру внутри снаружи 
Пунктир | пор 
З=№ дар да одэзр 9= оз 
Атолла а: нию чи _—» ое = 
Наконечники ссаЕ ^ 100% —^ 00% & 
Абст: 2 5 


Е сазвед цое 


2 15мм 


СМ Ш м им ШИ 
[| э =эз => ео оо = 
Е ЕН ЕЕ НЕЕзНЯ ЕН ЕЯ ЕН ЕЯ 





Угловые, скругленные и срезанные стыки Вид пунктирной линии зависит от выбранного 
варианта оформления концевых элементов 


Рис. 2.22. Моделирование кониов, стыков и пунктирной линии 


Созлание обволок с переменной шириной 


Инструмент УМ (Ширина) («горячие» клавиши — <ЗШЩ>+<У\/>) позволяет 
создавать обводку с переменной шириной и сохранять переменную ширину в виде 
профиля для последующего применения к другим обводкам. 

При наведении инструмента УМЗ (Ширина) на обводку на контуре появляются 
значок в виде бриллианта и маркеры. С помощью этих элементов пользователь 
может изменить ширину обводки, атакже перемещать, дублировать и удалять точку 
ширины (рис. 2.23). 

Для того чтобы создать или изменить точку ширины в диалоговом окне УМ 
Роше ЕдК (Изменение ширины в данной точке), дважды нажмите обводку инстру- 
ментом УМ (Ширина) и измените значения для точки. 
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Рис. 2.23. Изменение толшины линии 


При изменении переменной ширины инструмент У @@ (Ширина) различает 
прерывные и непрерывные точки ширины. 
Для того чтобы создать прерывную точку ширины, выполните следующие 
действия: 
1. Создайте на обводке две точки с различными значениями ширины обвод- 
КИ. 
2. Перетащите одну точку ширины на другую, чтобы создать прерывную точку 
ширины для обводки (рис. 2.24). 








Рис. 2.24. Создание прерывной точки ширины 


Сохранение профилей ширины 


После создания «стиля» ширины обводки вы можете сохранить профиль пере- 
менной ширины с помощью палитр токе (Обводка), Соп@го! Рапе] (Управление) 
или Ргорегие$ (Свойства) (рис. 2.25) для дальнейшего использования в проекте. 
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Рис. 2.25. Сохранение профиля ширины 


Группировка объектов 


Операция группировки — это логическое объединение объектов для совместной 
трансформации и изменения атрибутов. 

Предположим, вы нарисовали солнышко (круг и палочки) и теперь желаете его 
переместить. Хорошо бы выделить данный объект как одно целое и просто пере- 
местить, а не двигать последовательно его составные части. 

Выделив несколько объектов, можно объединить их в группу, после чего оди- 
ночный щелчок черной стрелкой приведет к выделению всей группы. 


Для выполнения операции группировки необходимо: 
1. Выделить несколько объектов. 


2. Выполнить команду главного меню ОЩес® | Сгоир (Объект | Сгруппировать) 
или нажать комбинацию клавиш <СИ]>+<(О>. 


Возможно создание нескольких последовательно созданных групп. Тогда у вас 
будет сложная группа с иерархией уровней вложенности. Отменить операцию можно 
обратной командой ОЩесе | Опэгоир (Объект | Разгруппировать) или «горячими» 
клавишами <5ШИ>+<СИ]>+<(0>. 

Разгруппировка сложных групп будет осуществляться в обратной последова- 
тельности. 


Работа с элементами группы 


Объекты в составе группы можно выделить инструментом 03 Отоир э@есйоп 
(Выделение в группе). При этом объекты остаются сгруппированными, но можно 
переместить один из них, перекрасить. Контейнер трансформации при этом не 
отображается, что очень неудобно. 
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Инструмент 13 э@есйоп (Выделение) выделяет всю группу независимо от 
того, на каком из объектов произведен щелчок. Однако при двойном щелчке дан- 
ным инструментом по объекту или группе объектов вызывает режим [59 1айоп Моде 
(Режим изоляции) (рис. 2.26). 

соайоп Моде (Режим изоляции) позволяет быстро изолировать слой, подслой, 
контур или группу объектов от всех других иллюстраций в документе. В режиме 
изоляции все неизолированные объекты в документе недоступны, их нельзя вы- 
делять и редактировать. 

Режим изоляции вызывается двойным щелчком по объекту. Для того чтобы вый- 
ти из режима изоляции, необходимо сделать двойной щелчок мышью по свободной 
области при активном инструменте э@есйоп (Выделение). Удобство режима изо- 
ляции заключается в возможности изменений размера объектов с использованием 
габаритного контейнера. 


+ [2] тауег1 129] год [| неад [9 <сгоир> Г] <рав> 





Рис. 2.26. Отображение режима изоляции 


Выравнивание объектов. 
Палитра А/ол (Выравнивание) 


Палитра АЙеп (Выравнивание) и параметры выравнивания на панели управления 
(рис. 2.27) используются для выравнивания и распределения выделенных объектов 
по указанной оси. Границы объектов или опорные точки можно использовать в 
качестве эталонной точки, а также выровнять по выделенной области, монтаж- 
ной области или ключевому объекту. Ключевой объект представляет собой один 
определенный объект из нескольких выделенных объектов. 
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Рис. 2.27. Палитра Айап и параметры выравнивания 


используются только выделенные объекты; 


объект определяет уровни выравнивания; 


Палитра АЙэеп (Выравнивание) состоит из следующих разделов (см. рис. 2.27): 
АПоп ОЦес$ (Выровнять объекты) — для выравнивания объектов; 


Оба ще ОШес6 (Распределить объекты) — для распределения объектов на 
равные расстояния; 


Обище Зрасшр? (Распределить с равными промежутками) — для распределения 
на одинаковые расстояния между объектами по вертикали и по горизонтали; 


АПоп То (Выравнивать по...) — для выбора вариантов выравнивания: 
е АШоп 0 э@есйоп (Выравнивать по выделению) — включено по умолчанию, 


АПоп $0 Кеу ОЩесе (Выравнивать по ключевому объекту) — предварительно 
щелчком (среди выделенных объектов) указывается ключевой объект. Данный 


е АПоп {0 Аг/фоаг@ (Выравнивать относительно страницы) — выровнять или 


распределить объекты по отношению кг раницам страницы. 


По умолчанию Шигаог вычисляет выравнивание и распределение по контурам 
объекта. Однако если работа ведется с объектами с разной шириной обводки, то 
для вычисления выравнивания и распределения можно использовать край обводки. 
Для этого выберите в контекстном меню палитры АП?гп (Выравнивание) команду 


0 $е Ргемем Воип@$ (Использовать границы просмотра). 
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Выполните упражнение: 
1. Откройте файл 1е55оп5\Урок_2_Построение примитивов\Айоп.а1. 
2. Выделите все объекты. 


3. При выравнивании по верхнему краю по умолчанию установлен флажок 
АПоп {0 Э@есйоп (Выравнивать по выделению). Все объекты выровнялись по 
верхнему краю среднего объекта, находящегося выше всех, при этом параметр 


Агфоага не учитывался (рис. 2.28). 


Урок 2. Построение примитивов. Выравнивание. Группировка 





4. Отмените действие — Еай | Опдо (Правка | Отменить). 

5. Ваши объекты выделены. Щелкните инструментом э@есйоп (Выделение) по 
крайнему левому (голубому) объекту. Вокруг объекта появится жирный синий 
контур, а в палитре АП?п (Выравнивание) автоматически установится флажок 
АПоп {о Кеу ОЩесЕ (Выравнивать по ключевому объекту). Теперь выравнивание 
будет происходить по верхнему краю данного объекта (рис. 2.29). 


Тгалбогт < АВой Раб Повег 





Аборт Обе: 
за пнь 
Сеифие ОБуесы: 

ЕЕ Е ини 
Сене брасла: Або Тез 
ОМ Со У 





Рис. 2.29. Указание ключевого объекта 


При изучении данной главы вы можете нарисовать простые Композиции из 


примитивов на различные темы. 
Примеры работ представлены ниже на рис. 2.30—2.32. 
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Рис. 2.31. Композиция из примитивов 2 Рис. 2.32. Композиция из примитивов 3 
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УРОК 3 





Цвет и раскрашивание 





Применение цвета к иллюстрации является обычной задачей, но несмотря на 
это требует определенных знаний о цветовых моделях и цветовых режимах. В этом 
уроке вы узнаете, как создавать цвет в программе, какие существуют особенности 
присвоения цвета объектам. Цветовые переходы — это волшебство цвета, то, что 
сражает наповал красотой начинающего пользователя, не дает ему уснуть и за- 
ставляет применить ко всем объектам проекта. О цветовых переходах, простоте 
настройки, красоте применения пойдет речь в этом уроке. 


В этом уроке вы узнаете: 
> овыборе цветовой модели документа; 
> что такое глобальные и составные цвета; 
> как изменять заливку и обводку объекта; 
> о палитре эмаеВе$ (Образцы); 
< о цветовых группах; 
> как создавать, применять и редактировать градиентную заливку; 


> новые возможности версии 2019, позволяющие создавать плавные настраивае- 
мые цветовые переходы. 
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ИЧветовая молель локумента 


Когда вы создаете новый документ, Шиаугабог создает цветовой профиль, ко- 
торый определяет специфику использования цвета в документе. При создании 
документа нужно учитывать конечный носитель для публикации иллюстра- 
ции. Разделы при создании нового документа: МоШе (Мобильные устройства), 
\У\е (Веб), РгшЕ (Печать), ЕЙт & У14ео (Фильм видео), Аг & Шизегайоп (Иллюстра- 
ции) содержат документы с предустановленными цветовыми моделями, исполь- 
зуемыми для названных целей. 

Если вы разрабатываете \@-проект или иллюстрацию для электронной презен- 
тации, при создании документа Со]ог Моде (Цветовая модель) указывается модель 
КОВ, если документ предназначен для печати, — модель СМУК. 

Если же документ уже создан или открыт, вы можете выполнить из главного 
меню команду ЕЙе | Ооситепе Со!ог Моде (Файл | Цветовая модель документа), 
чтобы изменить цветовую модель документа. 

1. Создайте новый документ. 

2. Нарисуйте объект, например звезду. 


Заливка и обволка объектов 


Каждый векторный объект в Шиягаюог обладает двумя цветовыми атрибутами: 
ЕШ (Заливка) и э@токе (Обводка). 

Заливка — это цвет, узор или градиент, заполняющий внутреннюю часть вектор- 
ного контура. Обводка — это цвет или мазок кисти, наносимые на границе объекта 
замкнутого или незамкнутого контура. Можно задать ширину и цвет обводке. Кроме 
того, можно создавать различные пунктирные линии или оформлять обводки в 
виде кистей. 

Заливка и обводка объекта задаются в палитре Тоо[$ (Инструменты) (рис. 3.1). 
Также цветовые атрибуты объекта можно поменять при помощи цветовых палитр, 
таких как Со]ог (Цвет) или ЗмаТе$ (Образцы). По умолчанию в программе заданы 
белый цвет заливки и черный цвет обводки для объектов. 





<5И>+<Х> 
РИ Поменять заливку 
(Заливка) и обводку местами 
-5> нии | З!гоке 
Оеаий (Обводка) 
Соог —] </> 
(Цвет) Мопе 
@ (Нет) 
Сгафег{ 





(Градиент) Е 


Рис. 31. Блок управления иветом заливки и обводки в палитре инструментов 
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Для того чтобы изменить цветовые параметры будущего или выделенного объ- 
екта, отредактируйте необходимые атрибуты: 


1. Выделите объект. 
2. Дважды щелкните по заливке или обводке в палитре инструментов. 
3. В появившемся окне Союог Р!сКег (Подборщик цвета) выберите цвет (рис. 3.2). 


Сас Рикег 


ба СОюе: —_ | 


он: 
0$: 72% 


ОВ: 905 


ОЕ 6 


С: 
Об: 96 м: 
ОВ: 22 № 
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#| #1605 _ | 





О] опм меб Сорос 




















Поле цвета Шкала цветов Координаты цвета 
в разных цветовых моделях 


Рис. 3.2. Диалоговое окно Союг Рег 


В окне Со[ог Р!сКег (Подборщик цвета) можно задавать цвет, щелкая мышью в 
цветовых шкалах либо указывая точные координаты цвета в числовых полях соот- 
ветствующей цветовой модели. 

При работе с цветом в палитре инструментов необходимо обращать внимание 
на активность атрибута. Активный атрибут — это атрибут, который находится на 
переднем плане. Активность атрибута нужно учитывать, если вы назначаете за- 
ливке или обводке варианты Саог (Цвет), СгаФепЕ (Градиент), №опе (Нет) либо 
назначаете цветовое оформление объекта при помощи цветовых палитр, таких как 
Со]ог (Цвет) и ЗмакВе$ (Образцы). 

Для того чтобы сделать атрибут заливки или обводки активным, щелкните один 
раз по нему в палитре инструментов или нажимайте клавишу <Х> для переключения 
между активными атрибутами. 

Если требуется убрать один из атрибутов, например сделать объект с заливкой, 
но без обводки либо наоборот, активизируйте нужный атрибут, а затем щелкните 
по пиктограмме № пе (Нет) или нажмите клавишу </>. 


Палитра ие (спех (Образцы) 


Палитра эмаеВе$ (Образцы) содержит образцы цветов, градиентов и узоров, 
загруженных в программу по умолчанию или созданных и сохраненных для по- 
следующего использования (рис. 3.3). Образцы могут быть показаны отдельно или 
в виде групп. 
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Меню 
палитры 
п п 
ШО Шы мым 
Ее г. 
Рис. 3.3. Палитра 5МмасВе®: | — открытие лополнительных библиотек образиов, 


2 — режимы отображения образиов, 3 — свойства образча, 4 — создание новой 
иветовой группы, 5 — создание нового образца, 6 — улаление выбранных образцов 


Заливке объекта можно назначить любой из трех видов образцов, а обводке 
только цвет и узор, градиентом покрасить обводку нельзя. 
1. Выделите объект. 
2. Активизируйте атрибут, которому вы хотите назначить цвет (заливку или 
обводку), в палитре инструментов. 
3. Щелкните один раз по образцу в палитре ЭмаейВе$ (Образцы), чтобы назначить 
его активному атрибуту объекта. 
Также для перекрашивания вы можете просто перетащить образец из палитры 
эма(спе$ (Образцы) на объект в рабочей области документа, предварительно акти- 
визировав необходимый атрибут (заливку или обводку). 


Сохранение образца в палитре 


«х Если вы создали свой цвет, градиент 
Е или узор, его можно сохранить в палитре 
э\мабеНе$ (Образцы). Для этого щелкни- 
те по пиктограмме №ем Элай (Новый 
образец) внизу палитры (рис. 3.4). 


бигайсВе5 


+ 
9 р’ 
ГГ] 
|. 
ео 





№. < © 5. ы[ з | 
| Меми Эми 


Рис. 3.4. Сохранение образца в палитре 
ъм/а{срлес 
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_^1/_ Внимание! Палитра $майспез (Образцы) является собственностью файла, т. е. образцы, ко- 
_ (@ \ _ торые в ней отображаются (включая созданные вами), сохраняются только в активном документе. 
>" Для того чтобы воспользоваться своими образцами в будущем — в новых работах, необходимо 
сохранить библиотеку Змайспе$ (Образцы) в виде отдельного файла. 





Библиотеки образцов 


Библиотеки образцов представляют собой коллекции предварительно соз- 
данных цветов, градиентов или узоров, включая библиотеки красок, такие как 
РАМТОМЬ, а также тематические библиотеки, например библиотеки природных, 
золотисто-белых и жемчужных тонов. Можно открывать стандартные библиотеки 
(установленные с программой по умолчанию) или дополнительные, созданные и 
сохраненные вами ранее. 


Открытие библиотеки цветов 


1. Выберите в меню палитры Э\маеве$ (Образ- СС 
цы) команду Ореп Эмаей ГЛгагу (Открыть |пдвсьре 
библиотеку образцов), чтобы открыть одну р 
из стандартных библиотек образцов. 
2. В появившемся подменю выберите Майе | 
Гапа5саре (Природа | Пейзаж). 
Библиотека образцов открывается в отдельной 
палитре, имеющей название самой библиотеки 
(рис. 3.5). 


Теперь вы можете использовать готовые об- 
разцы для раскрашивания живописного пейзажа. 
Если вы хотите, чтобы образец из библиотеки — рис. 3.5. Пример полгруженной 
постоянно присутствовал в этом документе, пере- библиотеки образцов 
тащите его из библиотеки в основную палитру 
э\мабеНе$ (Образцы). 

Используйте пиктограммы стрелок внизу палитры для просмотра предыдущих 
или следующих библиотек из списка стандартных. 

Если библиотека образцов не является стандартной, а, например, создана вами 
и сохранена в ваших документах, то ее название будет отсутствовать в списке стан- 
дартных библиотек. Для того чтобы подгрузить такую библиотеку образцов, вменю 
палитры ЗуаеНе$ (Образцы) выполните команду Ореп Э\асей ТЛгагу | Оег Г№гагу 
(Открыть библиотеку образцов | Другая библиотека). 


Ш х 





м 4»р х 


Сохранение библиотеки образцов 


Для того чтобы сохранить собственную библиотеку образцов, отредактируйте 
палитру Эмакйе$ (Образцы) путем создания своих и удаления ненужных 06- 
разцов. Затем выполните в меню палитры ЭмайеВе$ (Образцы) одну из команд 
сохранения: 
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Ф Зауе эмаей Шгагу аз АТ (Сохранить библиотеку образцов как АП, если хо- 
тите в дальнейшем открывать данную библиотеку только в программе Адобе 
Шазгаог; 

Ф Зауе эуасй Ггагу а АЗЕ (Сохранить библиотеку образцов как АЗЁЕ), если хотите 
открывать данную библиотеку в других приложениях Адофе. 

После выбора команды в появившемся окне укажите имя и местоположение 
файла библиотеки и нажмите кнопку Сохранить. 


Типы образцов 


Палитра ЭмаквВе$ (Образцы) или библиотеки образцов могут содержать следую- 
щие типы образцов (рис. 3.6): 

+ Ргосе$$ Соог (Составной цвет) — цвет, печатаемый с использованием комби- 
нации из четырех стандартных красок: голубой, пурпурной, желтой и черной. 
При создании образца цвета в палитре Эмайсйе$ (Образцы) новый образец по 
умолчанию определяется как составной цвет; 

+ СоБа Ргосе5$$ Со]ог (Глобальный составной цвет) — цвет, который автоматически 
обновляется во всей иллюстрации при изменении соответствующего образца 
в палитре Эмаеве$ (Образцы). Все плашечные цвета являются глобальными, 
а составные цвета могут быть глобальными или локальными; 


нии =м 


СоБа| Эро{ 
Ргосезз Р Сгафег:  Ращет — М пе Кефогайоп Союг бгоир 
Союг  Ргосезз Саог 

Соог 


Рис. 3.6. Гипы образцов 


Ф Эро Соог (Плашечный цвет) — данный цвет представляет собой предварительно 
смешанную краску, которая используется вместо составных красок СМУК или 
в дополнение к ним. Образцы плашечных цветов можно найти в стандартных 
библиотеках образцов, название которых начинается со слова РАМТОМЕ; 

+ СтафепЕ (Градиент) — тип заливки, представляющий собой постепенный пере- 
ход между двумя или несколькими цветами; 


+ РаЦегп (Узор) — представляет собой группу повторяющихся объектов; 

+ № пе (Нет) — при использовании данного образца у выделенного объекта уда- 
ляется активный атрибут (заливка или обводка); 

+ Везлутайоп (Приводка) — служебный образец, используемый для меток при- 
водки, которые печатаются всеми четырьмя красками СМУК, чтобы можно 
было точно выровнять печатные формы при печати; 


Внимание! — Не используйте образец Вед гаНоп (Приводка) для окрашивания обычных объ- 
ектов иллюстрации во избежание проблем при печати в типографии. 
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Ф Соог Сгоир (Цветовая группа) — цветовые группы могут содержать составные, 
плашечные и глобальные составные цвета. Они не могут содержать образцы узо- 
ра, градиента, а также образцы № опе (Нет). Более подробно о цветовых группах 
будет рассказано далее в этой главе. 


Использование глобальных цветов 

Изменение глобального цвета рассмотрим на примере: 

1. Откройте файл 1е$50п$\Урок_3_Цвет, градиент, раскрашивание\Поезд.а!. В файле со- 
здана иллюстрация, объекты которой раскрашены глобальными составными 
цветами, что позволит нам быстро перекрасить объекты в другие цвета, даже 
не выделяя их. 


2. В палитре ЭмаевВе$ (Образцы) отображаются образцы глобальных составных 
цветов, которыми покрашены паровоз и вагоны. Дважды щелкните по образцу 
желтого цвета в палитре ЭмайеВе$ (Образцы). 


3. В появившемся окне Эмаесй Орбоп$ (Свойства образца) сдвиньге ползунки 
цветовой модели СМУК или укажите точные координаты, чтобы получить 
другой цвет. Щелкните на кнопке ОК. 


Примечание В окне Змасй ОрНоп$ (Свойства образца) вы можете включить параметр 
Ргемеми (Предварительный просмотр), чтобы, не закрывая диалогового окна, видеть, как пере- 
крашиваются объекты. 





4. Точно также отредактируйте образец голубого цвета, в который окрашены 
вагоны поезда. 


Для того чтобы создать свой образец глобального составного цвета, выполните 
следующие действия: 
1. Подберите цвет, используя блок управле- 
ния цветом в палитре инструментов, либо 
смешайте его в палитре Союг (Цвет). 


Мен Зав 
2. Сохраните образец цвета в палитре 


эмабспе$ (Образцы), щелкнув по пикто- 
грамме №ем Эмаей (Новый образец). 


Союг Туре: Ргосе55 Союг 
боба! 


Союг Моде: СМУК 
3. В появившемся окне установите флажок 


СТора! (Глобальный) (рис. 3.7) и нажмите 
кнопку ОК. 


Используйте полученный образец глобаль- 
ного составного цвета для раскрашивания 
объектов, что позволит в дальнейшем, изменив 
образец, быстро перекрашивать соответствую- 
щие объекты. 

Кроме этого, вы можете сохранить образец 
цвета в палитре 1гаме$ (Библиотеки) для 
дальнейшего быстрого поиска и использовВа- Рис. 3./. Параметр Соба| в лиало- 
ния его в проекте. говом окне Мем/ \м/а{сп 


К. диинни 0,7 


АСЯ Ко ту Цагу — Стеае Мел Ибгагу... “м 
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Гралиент 


Градиент — это один изтипов заливки объекта, представляющий собой плавный 
переход между двумя или большим количеством цветов. Можно сохранить гради- 
ент как образец в палитре Эмайесве$ (Образцы), чтобы упростить его применение к 
нескольким объектам. 

В программе Шигаюг нельзя создать градиентную заливку «с нуля». Для того что- 
бы создать свой градиент, необходимо выбрать один из стандартных и изменить его. 

Рассмотрим пример: 

1. Откройте файл 1е$$0п$ \Урок_3 Цвет, градиент, раскрашивание \Градиент.аи. 

2. Выделите кружок, залитый бело-синим градиентом из палитры Змасйе$ 

(Образцы) (рис. 3.8). 






« МХ 
ЭмласНе$ = 
Ъ == 
$ № ин _ 






_ мии 
Ши пы тмыыы 
и м 





Рис. 3.8. Образец бело-синего градиента в палитре ма спе$ 


Палитра СгабТеп (Гралиент) 


Палитра @гаФепЕ (Градиент) содержит все необходимое для создания нового 
градиента или модификации уже существующего (рис. 3.9). 


| 


х @гафиеги 
|. Туре: | С Г] жж ТИП градиента 
[у м ВИД обводки 
| >) 0 к д Угол поворота 
то | мы—иыЫыыыЫыЫыЫ Округлость 
радиального градиента 


(О 


Орасйу: 100% “ дц Непрозрачность 





Кеуегз СгаФеги 
{Обратное 
направление цветов) 








Цвета градиента 


| . 09 Положение цвета 
ы или точки смешивания 
на шкале 


Рис. 3.9. Палитра ОгаЧег\ 
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Настройка градиента 


1. Для того чтобы изменитьтип градиента, в раскрывающемся списке параметра 
Туре (Тип) выберите значение Ипеаг (Линейный) или КаФа (Радиальный). 
С версии 2019 года добавлен тип Егееогт (Произвольный) (рис. 3.10) 


Примечание — Линейные и радиальные градиенты можно применять на заливке и обводке объ- 
екта. Произвольный градиент можно применять только для заливки объекта. 





2. Используйте шкалу градиента (рис. 3.11) для изменения цветов влинейном и 
радиальном градиентах или для изменения положения точки смешивания. 





Рис. 3.10. Гипы гралиента: линейный, Рис. 3.1. Шкала настройки иветов в грали- 
ралиальный, произвольный енте палитры СгаФеге 


3. Сдвиньте ромбовидный маркер влево или вправо, чтобы изменить положение 
точки смешивания цветов. Также можно выделить точку смешивания, один 
раз щелкнув по маркеру, и задать точное положение, используя параметр 
Госайоп (Положение). 

4. Для того чтобы изменить угол поворота линейного градиента, выберите тип 
градиента Глпеаг (Линейный) и укажите угол (рис. 3.12). Для поворота по ча- 
совой стрелке укажите значение угла со знаком «минус». С версии 2019 года 
можно изменить угол распределения, цветовые компоненты градиента, атак- 
же их приложение к объекту, используя кнопку ЕЙ СтгаФепЕ (Редактировать 
градиент). 





Рис. 312. Изменение угла поворота линейного гралиента 
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5. Для того чтобы изменить округлость радиального градиента, выберите тип 
градиента Ва@а (Радиальный) и укажите процент округлости (рис. 3.13). Если 
округлость радиального градиента меньше 100%, можно также изменить угол 
поворота градиента. 


$ Сганныти = 





Боеабот: 0% ыы 


Рис. 313. Примеры ралиального гралиента при различных параметрах округлости 


Добавление и изменение цветов в градиенте 


Для того чтобы добавить или изменить цвет в текущем градиенте, существует 
множество способов. Например, выполните одно из следующих действий: 


Ф перетащите образец цвета из палитры Эма@ейе$ (Образцы) внижнюю часть шкалы 
градиента. Появится маркер соответствующего цвета (рис. 3.14); 


< бгеги —: Бла 






ый 


и Ораслу: 100% | бтафел! 5йЧег | 


преавюги 378% + 
№. < Н. ыы я 


Рис. 314. Добавление цвета в градиент из палитры 5масВез 


Ф выполните двойной щелчок по цветовому маркеру и настройте его цвет в палитре 
Со]ог (Цвет) (рис. 3.15). 


Удаление цвета в градиенте 


Если вы хотите удалить лишний маркер цвета в текущем градиенте, выделите 
соответствующий маркер и щелкните по пиктограмме «Корзина» в палитре Сга@- 
еп (Градиент). 
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Рис. 315. Изменение цвета в палитре СгаФег и перекрашивание его в палитре СОюг 


Кнопка Ес СгаепЕ(Релактировать гралиент). 
Инструмент СгаепЕ(Гралиент) 


После заливки объекта градиентом можно использовать кнопку ЕЧИ СгаФепе 
(Редактировать градиент) палитры СтаФепЕ (Градиент) или применить инструмент 
Сгафеп (Градиент). Используя их возможности, вы можете изменять направление 
градиента, положение его центральной, начальной и конечной точек, а также цве- 
товые координаты компонент градиента. 

1. Выделите объект, залитый градиентом. 

2. Выберите инструмент СтаФепЕ (Градиент). Поверх градиентной заливки на 
объекте будет расположен регулятор градиента. При наведении курсора на 
регулятор вы увидите маркеры цвета, также как в шкале градиента в палитре 
СтафепЕ (Градиент) (рис. 3.16). 





Рис. 316. Регулятор гралиентной заливки объекта при активном инструменте Огадеге 
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3. Переместите на регуляторе начальную и конечную точки градиента, чтобы 
сместить центр градиента и изменить цветовой переход (рис. 3.17). Изменения 
активизируют палитру @таФепЕ (Градиент). 
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Рис. ЗЛУ. Изменение положения точек ралиального гралиента 


Применение градиента к нескольким объектам 
1. Выделите в документе звездочки (все три) и примените к заливке образец 
градиента из палитры Э\аеве$ (Образцы). 


2. Выберите инструмент Стафеп( (Градиент). Обратите внимание, что заливка 
градиентом распределяется для каждого объекта самостоятельно, т. е. градиент 
каждого из объектов имеет свои начальную и конечную точки (рис. 3.18). 





Рис. 318. Распрелеление гралиента лля кажлого объекта по отдельности 


3. Нажмите кнопку мыши и, не отпуская ее (как при рисовании линии), про- 
тяните курсор через все выделенные объекты (рис. 3.19). 
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Рис. 319. Применение к нескольким объектам обшего градиента 


Теперь градиентная заливка нескольких объектов имеет общий регулятор, 
который вы можете дополнительно настроить, используя инструмент @таФепе 
(Градиент). 


Инструмент РгееГогт (Произвольный) 


С версии 2019 Адобе Шибгаюг СС добавлен новый тип градиента ЕгееТогт (Про- 
ИЗВОЛЬНЫЙ). 

Этот тип предоставляет новые возможности смешивания цветов для создания 
глубоких и фотореалистичных градиентов, которые будут выглядеть более есте- 
ственно. Гроизвольный градиент обеспечивает необходимую гибкость при создании 
цветовых переходов в любом месте объекта. Вы можете добавлять, перемещать 
и изменять цвет определенных точек цвета для плавного применения градиентов 
кобъектам. Заливка с произвольным градиентом — простой и эффективный способ 
создания цветовых оттенков с плавным переходом. 

1. Откройте файл [е5зопз\Урок_ 3 _Цвет, градиент, раскрашивание\Птичка.а. 

2. Выделите инструментом К. ПгесЕ З@есйоп (Частичное выделение) серую 
область грудки птички. В палитре Стафеп (Градиент) шелчком активизируйте 
тип Егееогт (Произвольный) (рис. 3.20). В области появятся точки, отвечаю- 
щие за цветовое распределение. 

Произвольный градиент может применяться в двух режимах — раздел Огам 

(Рисовать): Рош (Точки) и пез (Линии): 

е Рошб (Точки) — этот режим используется для создания точек цвета в виде 
независимых точек на объекте; 

е [1165 (Линии) — этот режим используется для создания точек цвета поверх 
сегмента линии на объекте. 

3. Для создания, изменения и удаления произвольного градиента в режиме Рош 
(Точки) выполните следующие действия: 

® ДЛЯ ТОГО ЧТОбы добавить одну или несколько точек цвета, щелкните в лю- 
бом месте внутри объекта; 
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® ДЛЯ ТОГО чтобы изменить расположение точек цвета, перетащите их в 
нужное место; 
® длЯ ТОГО чтобы удалить точку цвета, перетащите ее за пределы объекта 
либо нажмите на значке «Корзина» в палитре СгаФет (Градиент) или 
клавишу <Реае>. 
4. Для создания плавности смешивания переместите точку. Изменится зона 
действия цвета. Двойным щелчком по точке можно вызвать диалоговое окно 
изменения цвета (рис. 3.21). 


ь. 






$2 
он%х 


$ Стал 


& 
® & 


29 


ь. 
ь. 


я 


5 \ Я; 


&. 





мч хь 
х 


ь 


Рис. 3.20. Залание области для произвольного гралиента 





Рис. 3.21. Релактирование произвольного гралиента в режиме Рот 


5. Выделите зону крыла птички, назначьте тип Егееогт (Произвольный), также 
как в пункте выше. Выберите режим Ипез (Линии). Вы сможете рисовать 
линию из точек перехода (рис. 3.22). 

Для того чтобы добавить точки цвета для Произвольного градиента в режиме 
Линий, выполните одно из следующих действий: 
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е шелкните влюбом месте внутри объекта, чтобы создать первую точку цвета, 
которая является начальной точкой для отрезка линии; 

е нажмите для создания следующей точки цвета. Будет создана прямая линия 
от первой до второй точки цвета; 

е нажмите еще раз, чтобы создать дополнительные точки цвета. Прямая 
линия станет кривой. 

Можно создать несколько отдельных отрезков линии в объекте. Для того 

чтобы создать новый отрезок линии, перетащите курсор за пределы объекта 

и переместите его обратно внутрь объекта, затем щелкните в любом месте, 

чтобы создать первую точку цвета для отрезка линии. 

6. Раскрасьте птичку, как на рис. 3.23. 





Рис. 3.22. Залание линией иветового перехола 





Рис. 3.23. Применение гралиента ЁгееТогт в проекте АдоБе 


75 


АдоБе Ши{гатог СС 2020. Мастер-класс Евгении Тучкевич 





Иветовые группы 


Цветовые группы — это средство программы Шиягаог, которое позволяет 
группировать образцы цветов в палитре Эмаеве$ (Образцы) (рис. 3.24). Образцы 
в цветовых группах могут быть сгруппированы по одному из принципов цветовых 
гармоний или представлять собой просто группы цветов, созданные вами по вашим 
правилам. 


РЗ 
Р 
Ш х 





К. < в. шышчта 


Рис. 3.24. Чветовые группы в палитре 5ммаспез и библиотека 


Для создания и редактирования цветовых групп вы можете использовать пали- 
тру эмакйе$ (Образцы) и диалоговое окно Кесоюог Аг&могК (Перекрасить объект). 
Цветовые группы могут содержать только составные, составные глобальные или 
плашечные образцы цветов. Градиенты или узоры нельзя добавлять в цветовые 
группы. 


Создание и релактирование иветовой группы 


Рассмотрим пример. 

1. Откройте файл 1е$5оп$\Урок_3_Цвет, градиент, раскрашивание\ Цветок.а1. 

Каждый лепесток данного цветка покрашен цветом из цветовой группы, 
которая по умолчанию присутствует в палитре Эмаесйе$ (Образцы). 

2. Выделите лепестки и выполните команду главного меню Е@й | Еай Соогс | 
Весо!ог АгбмуогКк (Редактирование | Редактирование цветов | Перекрасить объ- 
ект) или, выделив цветовую группу в палитре Эмаеве$ (Образцы), щелкните 
по пиктограмме ЕВЁ ог Арму Со]ог Сгоир (Редактировать или применить 
цветовую группу) внизу палитры (рис. 3.25). 

3. В появившемся диалоговом окне перейдите на вкладку Е@Ё (Редактирование) 
(см. рис. 3.25). 

Цвета, образующие цветовую группу, представлены в виде «связки» маркеров 
на круге. Изменение и настройка цветов происходят по принципу выбора 
цвета в модели НЪВ. 
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Рис. 3.25. Пиктограмма ЕВ ог АррУ Соог Сгоур 


4. Щелкните по одному из цветов в связке и поверните по часовой стрелке или 
против нее, чтобы изменить все цвета в группе. Вы также можете перемещать 
цвета к центру или краям круга, тем самым понижая или повышая насыщен- 
ность всех цветов в связке соответственно (рис. 3.26). 

















Рис. 3.26. Изменение положения иветов в иветовой группе 
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5. Подвиньте ползунок Ад Ви ете$$ (Коррекция яркости), чтобы уменьшить 
или увеличить яркость цветов в группе соответственно. 

6. Если вы хотите добавить цвет в цветовую группу, щелкните на свободном 
месте круга правой кнопкой мыши и в контекстном меню выберите коман- 
ду Ада М№еу Со]ог (Добавить новый цвет). Щелкните правой кнопкой мыши 
на кружке цвета, который хотите удалить, и в контекстном меню выберите 
команду Ветоуе Со]ог (Удалить цвет). 

7. Сохраните текущую группу, щелкнув по пиктограмме №ем Со]ог Сгоир (Новая 
цветовая группа) (рис. 3.27) и нажмите кнопку ОК. 


„“  Союг бгоир 7. 


Сог @гоирз 


› ПЕ ШЕЕ вт 


› И = 
›_ Г ПИ сою бо 





Рис. 3.27. Сохранение новой иветовой группы в окне Зесдог Ай\моп< 


Так как объекты перед редактированием цветовой группы были выделены, они 
автоматически перекраигиваются в цвета новой группы. Кроме того, новая группа 
добавляется в палитру Змакйе$ (Образцы), что позволяет вам применять ее цвета 
к другим объектам и также быстро их перекрашивать, используя диалоговое окно 
Весо1ог АгбмогК (Перекрасить объект). 


УРОК 4 





"Мам 


Вспомогательные элементы 
интерфейса 


ПЕД О ИЖЕ И И Пр ЕЕ ЕЕЕ ЛИ ПАЯ 
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Рост п " 
Роот Ош : 
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АЕ АП м МЛодеом 
Асша| ге 
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Е ПЕ 


Не Ед дез 
Не АПбоаго; : 
пом Рите ТИта 


р а 


Не Зее 
ЁосЕ Усе 


ани" 


Не Тегпр!а!е 


Ашегз 


Если вы строите развертку коробки или упаковку, необходимо первоначально 


разлиновать поле ТОЧНОЙ разметкой, потому что затем останется только обвести 
эту разметку, и макет готов. 


Для ТОЧНОЙ разметки используются вспомогательные элементы, которые специ- 


ально созданы для таких построений и на печать не выводятся. Более того, с каждой 
версией программы происходит модификация данных элементов в пользу еще 
большей точности и информативности для дизайнера. Очень удобно, когда есть 
невидимые помощники построения. 


Фооооооо0о 


В этом уроке вы узнаете: 

что такое вспомогательные элементы интерфейса; 

как настраивать направляющие; 

зачем нужны умные направляющие; 

как изменять единицы измерения при помощи линеек; 
где находится координата (0; 0); 

команды работы с направляющими; 

как сделать разметку под упаковку игральных карт. 
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О вспомогательных элементах интерфейса 


Для точной разметки, построений, подсказок при проектировании для пользо- 
вателя существуют многочисленные вспомогательные элементы, которые на печать 
не выводятся. Вспомогательные элементы интерфейса касаются как отображения 
размера монтажной области для ориентации построения объектов, так и самих 
объектов. В данном уроке мы рассмотрим, где возможно скрывать из видимости 
данные элементы и настраивать их для удобства работы. 

Отображение или скрытие вспомогательных элементов интерфейса осущест- 
вляется через главное меню МУ ем (Вид). Там же находится большинство команд по 
работе с данными элементами. 


Краткий обзор монтажной области 


Агфоага (Монтажная область) — область (проект), имеющая заданный размер 
для различных целей и задач, содержащий графические элементы. В документе, 
особенно для рекламы и фирменного стиля, может быть одна или несколько мон- 
тажных областей. Можно создавать монтажные области различных размеров, из- 
менять их при помощи инструмента Агфоаг@ (Монтажная область) и располагать 
в любом месте экрана, даже с перекрытием одних другими. 

При отображении документа существуют вспомогательные подсветки интер- 
фейса (вспомогательные элементы) (рис. 4.1). 


Холст 


Монтажная область 
(АПБоага) 


Непечатаемая область 


Печатаемая область 
(формат принтера) 





Рис. 41. Области печати и проекта 


Печатаемая область ограничена внутренним пунктирным контуром, равным 
печатному формату принтера. 
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Непечатаемая область расположена между двумя пунктирными линиями — зона 
захвата бумаги принтера (если он не распечатывает весь формат бумаги). 

Агфоага (Монтажная область) ограничена сплошной линией, устанавливается 
при создании документа, может быть изменена в процессе работы. Максимальный 
возможный размер — до 227х227 дюймов в старых версиях (с июня 2020 года мак- 
симальный размер — 57,7956 мх 57,7956 м). 

Холст — незанятое пространство программы вне монтажной области. Объекты, 
расположенные на холсте, на печать не выводятся. 

Вы можете отключить отображение на экране монтажной области, выполнив 
команду из главного меню \ ем | Н№е Агфоаг4$ (Вид | Скрыть монтажные области). 


Границы и габариты вылеленного объекта 


1. Нарисуйте звезду. 

2. Выберите инструмент 13 э@есНоп (Выделение). 

3. Звезда, кроме отображения своей формы и цвета, имеет две интерфейсные 
подсветки (рис. 4.2): 

е Воип@шо Вох (Табаритный контейнер) — с помощью данного контейнера 
вы можете совершать произвольную трансформацию (поворот, масшта- 
бирование). Габаритный контейнер отображается только при выделении 
объекта инструментом Э@есйоп (Выделение); 

е Е4ое$ (Границы объекта) — показывают контур объекта и опорные точки. 

Включение/выключение данных вспомогательных элементов интерфейса осу- 
ществляется через главное меню Уем (Вид) (рис. 4.2). 


Оципе С+У | 





(Габаритный 
контейнер) 
Н&е Ед дез С+Н | 


ЕЧдез | 


ре 


Н-4е Воуип9 тд Вох УВ В 
екта) 


( 
о 





Рис. 4.2. Элементы вылеленного объекта и их отключение 


Ю\ег$ (/А\инейки) 


По умолчанию линейки на экране не отображаются. Вы можете их показать, 
выполнив команду ЭВом Кшег$ (Показать линейки) меню \У ем (Вид) (рис. 4.3). 

После вывода линеек на экран команда ЭВо\м Кшег$ (Показать линейки) заме- 
няется командой Не Вшег$ (Спрятать линейки). 

«Горячие» клавиши отображения/скрытия линеек — <СИ>+<В>. 
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На линейках фиксируются единицы измерения, установленные в данном до- 
кументе. Вы можете изменить их из контекстного меню линеек (рис. 4.3). 

Точка, отмеченная цифрой 0, называется началом координат (см. рис. 4.3). По 
умолчанию начало координат находится в левом верхнем углу монтажной области. 










[12 113 114 115 116 
Р!хе!$ 


Роиги$ 

Рса$ 

пспе$ 

рее 

Рее{ & пспез 
Уагд$ 


Спапде {о А|фоага Вцщегз 


Рис. 4.3. Линейки 


СПО (Сетка) 


Сетка по умолчанию расположена позади графического объекта в окне иллю- 


страции и не печатается (рис. 4.4). 


Для того чтобы включить сетку, выберите команду \ ем | ЗВоу Ст (Вид | Показать 
сетку). нь сетки: р и линиями сетки, стиль сетки (линии или 





Рис. 4.4. Отображение сетки 


точки), цвет сетки или расположение 
сетки перед графическим объектом 
или позади него — выполняются в 
диалоговом окне, вызываемом ко- 
мандой ЕЁ | Ргеегепсе$ | Си!4е$ & 
Ста (Редактирование | Установки | 
Направляющие и сетка). 

Данное окно можно вызвать нажа- 
тием кнопки РгеЁегепсез (Установки) в 
управляющей панели при отсутствии 
выделенных объектов в документе 
(рис. 4.5). 


Урок 4. Вспомогательные элементы интерфейса 
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Рис. 4.5. Настройка сетки и направляюших 


СИиАЕе$ (Направляюшие) 


Направляющие помогают при построении и выравнивании, на печать не выво- 
дятся. По умолчанию направляющие не закреплены, с ними можно совершать те 
же команды трансформации, что и с объектами. Для того чтобы упростить работу 
с несколькими направляющими, переместите их в отдельный слой. 

Для того чтобы создать направляющие: 

1. Отобразите линейки «горячими» клавишами (<С>-+<В>). 

2. Вытащите курсором из линеек направляющую (рис. 4.6). 


ПИТ * @ 100% (ОМУКИРгем ен) 
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.| 
Е || 

















Рис. 4.6. Созлание направляющих 
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Настройки направляющих — стиль (точки или линии) и цвет — выполняются 
в диалоговом окне, вызываемом командой ЕН | Ргеегепсе$ | Сшдез & Сид (Редак- 
тирование | Установки | Направляющие и сетка). Рекомендую для параметра 5 е 
(Стиль) указать значение Во (Точки), т. к. при большом количестве объектов этот 
стиль менее активный. Данное окно можно вызвать нажатием кнопки Рг@егепсе$ 
(Установки) в управляющей панели при отсутствии выделенных объектов в до- 
кументе (см. рис. 4.5). 

Команды для работы с направляющими находятся в главном меню \ ем | Сие$ 
(Вид | Направляющие): 
эпом/ Не Сшде$ (Отобразить/Скрыть направляющие); 
Госк Сш@е$ (Закрепить направляющие); 
Маке Сшде$ (Создать направляющие из объекта); 
В@еа$е Сифе$ (Отменить направляющие); 
Чеаг С ш@е$ (Удалить направляющие). 


$ 


таг Сиае$ (Умные направляюшие) 


Умные направляющие используются для выравнивания, позиционирования, 
редактирования, трансформирования объектов или монтажных областей по от- 
ношению к другим объектам, монтажным областям или и тем, и другим путем 
привязки/выравнивания и отображения местоположения или координат Х, Уот- 
носительно исходного положения. 

Вы видите умные направляющие, как подсветки при перемещении, трансфор- 
мации, построении объектов. 

Настройки направляющих выполняются в диалоговом окне, вызываемом 
командой ЕВИ | Ргеегепсе$ | Этаге Сшдез (Редактирование | Установки | Умные на- 
правляющие) (рис. 4.7). Можно указатьтип умных направляющих и отображаемых 
сообщений (например, метки измерения, выделение объекта или метки). 





5паррило Тоегапсе;: 4 ре 





Рис. 4.7. Настройки умных направляющих 
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По умолчанию включено отображение эЭтагё Сш@е$ (Умные направляющие). 
Скрытие/отображение осуществляется «горячими» клавишами <С1>-+<И> или 
флажком команды главного меню Мем | Зтаг Сшде$ (Вид | Умные направляющие). 


Проект «Созлание упаковки» 


Откройте файл [1е$50п$\Урок 4 Вспомогательные элементы интерфейса\Техзадание.1рд. Вам 
дается техническое задание на размер упаковки для игральных карт по теме «Сазшто 
Коуа[е» (рис. 4.8). 

Воспользуемся знаниями, полученными на этом уроке, и чуть забежим вперед. 

1. Создайте новый документ. 

2. Вызовите отображение линеек «горячими» клавишами <СИ>+<В>. 

3. Правой кнопкой мыши щелкните по линейке, вызвав контекстное меню. 

Установите единицы измерения на линейках — МШииаег$ (Миллиметры), 
т. к. нам все построения придется делать в этих единицах. 
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Рис. 4.8. Техническое залание с размерами 
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4. Настройте направляющие, как нарис. 4.9, выбрав в раскрывающемся списке 
(УЕ (Стиль) значение Оо (Точки) и более приятный цвет. 





Рис. 4.9. Настройка направляющих 


5. Активизируйте инструмент 19 э@есйоп (Выделение). 

6. Вытащите с вертикальной линейки вертикальную направляющую. Это будет 
наш начальный уровень построения. 

7. Двойным щелчком по инструменту З@есйоп (Выделение) вызовите диа- 
логовое окно Моуе (Перемещение). Направляющая должна быть при этом 
выделена. 

$. В диалоговом окне Моуе (Перемещение) установите значение приращения 
Ног7опа! (По горизонтали) — 10 шт, как в техническом задании; УегИса| 
(По вертикали) — 0 шт («итт» вводить не обязательно, т. к. мы установили 
данные единицы измерения). 
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Рис. 410. Залание перемешения с созланием копии направляющей 
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Урок 4. Вспомогательные элементы интерфейса 


Обязательно нажмите кнопку Сору (Копия), чтобы выделенная направляю- 
щая осталась на месте, а на заданное расстояние переместилась ее копия 
(рис. 4.10). Обратите внимание, что направляющие не имеют цвета в атри- 


бутах. 


9. Если построение следующей направляющей совпадает по приращению, на- 
жмите комбинацию клавиш <СИ1>-+<0О> (выполнение операции Ттап$югт 
Агаш (Повтор трансформации)). На такое же расстояние будет перемещена 


10. 


копия выделенного объекта. 


Постройте все вертикальные направляющие, следуя размерам приращений, 
обозначенных в техническом задании. Получится разметка по размерам, за- 


данным вам заказчиком (рис. 4.11). 


Рис. ДЛ. Вертикальная разметка по заланию 





11. Аналогично постройте разметку по горизонтали. Так как координата (0; 0) 
находится в левом верхнем углу монтажной области, то все положительные 
приращения по горизонтали будут направлены вниз. 


12. 


13. 


Вытащите горизонтальную на- 
правляющую с горизонтальной 
линейки. 


Двойным щелчком по инстру- 
менту э@есйоп (Выделение) 
вызовите диалоговое окно Моуе 
(Перемещение). В диалоговом 
окне задайте приращение вниз, 
оно будет положительным из-за 
положения системы коорди- 
нат. 


Когда разметка будет сделана, 
обведите необходимый кон- 
тур инструментом Реп (Перо) 
(рис. 4.12). (Если контур сим- 
метричен, то удобнее сделать 
половину контура, а потом 
отразить его и соединить, но об 
этом вы узнаете в дальнейших 
уроках.) 
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Рис. 412. Обволка контуром 
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ИГРАЛЬНЫЕ КАРТЫ 


9. “У э9анчихуа и 








с. 413. Итоговый лизайн упаковки 


После размещения необходимой графики возможный итоговый вариант будет 
выглядеть так, как показано на рис. 4.13. Теперь вам остается только распечатать 
вашу упаковку на плотной бумаге, вырезать по контуру, сложить по линиям сгиба 
и использовать по назначению. 


УРОК 5 





Трансформация объектов 


<), 
= ХХ РирреЁ Маг Тоо! 


№ | Егее Тгапзвтт Тоо! (Е) 





Трансформация объектов в программе Ши$гатог всегда остается одной изсамых 
актуальных операций. Благодаря особенностям построения векторной графики вы 
в любой момент можете выделить объект или группу объектов и преобразовать их. 
Трансформация в Шиягаюг предусматривает такие операции, как поворот, масшта- 
бирование, перемещение, наклон и искажение объектов. 

Как и при создании объектов, вы можете осуществлять трансформацию «на глаз» 
либо указывать точные параметры преобразований в диалоговых окнах и палитрах. 
Для трансформации объектов используется палитра Ргорег@е$ (Свойства), а также 
классические возможности, предоставляемые палитрой Ттап$огт (Трансформация), 
команды главного меню ОЩесй | Тгап$огт (Объект | Трансформация) и специальных 
инструментов. Кроме того, в программе имеются эффекты трансформации и ис- 
кажения, о чем будет рассказано в следующем уроке. 

При использовании различных способов трансформации вы можете копировать 
объект, а также повторять последнюю выполненную вами трансформацию. 


В этом уроке вы познакомитесь со следующими методами трансформации 
объектов: 


= преобразованием объекта инструментом Э@есйоп (Выделение); 

= трансформацией объектов при помощи команд главного меню; 

> применением палитр Ргорег@е$ (Свойства), Тгап$югт (Трансформация); 
=> использованием специальных инструментов трансформации. 
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Преобразование объекта инструментом 
5еесйоп (Вылеление) 


1. Откройте файл 1е$зопз\Урок_5 Трансформация объектов\Транс- 
формация.а!. — 

2. Инструментом 13 э@есйоп (Выделение) выделите 
грушу. При выделении одного или нескольких объектов 
с помощью инструмента э@есйоп (Выделение) вокруг 
них появляется ограничительная рамка Воипдте Вох 
(Табаритный контейнер) (рис. 5.1). 





3. Инструментом З@ес@йоп (Выделение) возьмитесь за 
Рис. 51. Отображение контур объекта и перетащите его, чтобы переместить 
габаритного контей- объект. Удерживайте нажатой клавишу <5ПЩ> при 
нера вылеленного перетаскивании, чтобы переместить объект строго гори- 
объекта зонтально, вертикально или под углом, кратным 45°. ВЫ 
также можете скопировать объект, удерживая клавишу 

<АЁ> при перетаскивании. 

4. Наведите курсор инструмента З@есйоп (Выделение) на один из маркеров 
габаритного контейнера. При этом курсор инструмента изменится на двуна- 
правленную прямую стрелку (рис. 5.2). Нажмите кнопку мыши и перетащите 
маркер от центра или к центру объекта, чтобы увеличить или уменьшить 
объект соответственно. 

Удерживайте нажатой клавишу <ЗШЙ> при перемещении маркера, чтобы 
масштабировать объект пропорционально; клавишу <А[>, чтобы масшта- 
бировать объект относительно центра габаритного контейнера. 





Рис. 5.2. Пропорциональное масштабирование 


5. Подведите курсор к одному из маркеров габаритного контейнера, но чуть- 
чуть не доводя до него. Курсор изменится на изогнутую двунаправленную 
стрелку. Нажмите кнопку мыши и вращайте курсор по часовой стрелке или 
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против нее, чтобы повернуть объект соответственно (рис. 5.3). Если при по- 
вороте удерживать нажатой клавишу <ЗЫЁ>, то габаритный контейнер будет 
поворачиваться на угол, кратный 45°. 





Рис. 5.3. Поворот объекта 


Далее рассмотрим преобразование объектов различными способами: с помощью 
команд трансформации, с использованием палитры Ттап$Ююгт (Трансформация) и 
посредством инструментов трансформации. 


Примечание При повороте объекта при помощи инструмента З@есНоп (Выделение) объект 
поворачивается относительно центра габаритного контейнера. Для поворота объекта относительно 
другой точки используется инструмент Вофа{е (Поворот). 





Перемешение объектов 


Команла ЛМоуе (Перемешение) 


1. Выделите грушу и выполните команду главного меню ОЩес{ | Тгап$югиа | Моуе 
(Объект | Трансформация | Перемещение). В диалоговом окне Моте (Пере- 
мещение) (рис. 5.4) включите опцию Ргеме\м (Предварительный просмотр), 
чтобы заранее видеть, как перемещается объект. 


2. Укажите в поле Нот2тота| (По горизонтали) значение 19 шт. Объект пере- 
местится вправо. Если задать значение со знаком «—» (минус), объект переме- 
стится влево. Для перемещения вниз или вверх задайте в поле У\егЯса1 (По вер- 
тикали) положительное или отрицательное значение соответственно. 

3. В поле Апзе (Угол) введите угол, а в поле О%апсе (Расстояние) — число в мил- 
лиметрах, чтобы переместить объект под углом на указанное расстояние. 

4. После настройки параметров нажмите кнопку ОК, чтобы переместить вы- 
деленный объект. Либо можете нажать кнопку Сору (Копировать), тогда 
перемещаться будет копия объекта. 
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Рис. 5.4. Диалоговое окно Моуе 


Перемешение при помоши палитр Ргореге (Свойства) 
и ГапзГогт (Трансформация) 


Перемещение по координатам можно совершать как с помощью палитры Ргорег- 
Нез (Свойства), так и посредством палитры Тгап$огт (Трансформация) (рис. 5.5). 

В полях Х и У указаны координаты контрольной точки габаритного контейнера 
выделенного объекта. Координаты считаются относительно точки (0; 0), которая 
по умолчанию находится в левом верхнем углу монтажной области. 


учиыиы 


Примечание — Для изменения контрольной точки щелкните по одному из маркеров на пиктограмме 
габаритного контейнера в палитре Тгап$Рогт (Трансформация). 








Рис. 5.5. Палитры ТгапРогт, Ргорее$ 
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Укажите новые координаты в полях Х или У, чтобы переместить объект по 
горизонтали или вертикали соответственно. Щелкните в поле ХУ, введите 10, на- 
жмите клавишу <Ещег>, объект «встанет» на координату Х отмеченной точкой 
контейнера. 


Масштабирование объектов 


Команла $са/е (Масштабирование) 


Масштабирование — это операция, в результате которой объекты увеличиваются 
или уменышаются по горизонтали (вдоль оси х), вертикали (вдоль оси у) или по 
обеим осям одновременно. Объекты масштабируются относительно контрольной 
точки (центра трансформации), которая меняется в зависимости от используемого 
метода масштабирования. 

1. Выделите нашу грушу и выполните команду главного меню ОЩес® | Тгап$огт | 

Эсае (Объект | Трансформация | Масштабирование). Откроется диалоговое 
окно Эсае (Масштабирование) (рис. 5.6). 


Ноигогка!: 200% 


Меуса|: 200% 





Рис. 5.6. Лиалоговое окно 5сае 


2. Вполе ОпЙогт (Пропорционально) раздела эсае (Масштаб) введите 200. Объ- 
ект увеличится в два раза. Для того чтобы уменьшить объект, нужно указать 
значение меньше 100%. 

3. Поля Ног7о0ща1 (По горизонтали) и УегЯса! (По вертикали) в разделе 
№шпт-ИпНогт (Непропорционально) используются для неравномерного мас- 
штабирования объекта. По умолчанию в программе Шиягаог обводка и эф- 
фекты, примененные к объекту, не масштабируются вместе с ним. Включите 
опцию эсае 5гоКе$ & ЕЙес ($ (Масштабирование обводки и эффектов), чтобы 
изменять их размеры вместе с объектом. 

4. После настройки параметров нажмите кнопку ОК или Сору (Копировать), 
чтобы применить операцию к объекту или кего копии соответственно. 
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Масштабирование при помоши палитр Ргореге (Свойства), 
Гап®Тогт (Трансформация) 


Палитры Ттап$Югт (Трансформация) и Ргорегие$ (Свойства) позволяют указать 
точные размеры объекта. В поле У указывается ширина габаритного контейнера 
выделенного объекта, а в поле Н — высота. 

1. Выделите объект и измените значение У на 30 пт. 

2. Щелкните по пиктограмме пропорционального масштабирования. Поля 

ширины и высоты будут соединены скобкой. 

3. Поставьте курсор в поле М, введите *2 и нажмите клавишу <Ещег>. Объект 
пропорционально увеличится в два раза. Используйте знак «/» (деление), 
чтобы уменьшать размеры в несколько раз, либо знак «+» или «—», чтобы 
увеличивать или уменьшать размеры объекта на указанные значения. 


Инструмент $5са/е (Масштабирование) 


1. Выделите объект и выберите инструмент 1:2) эсае (Масштабирование). 

2. Изначально объект масштабируется относительно центральной точки. Возь- 
митесь за контур объекта и перетащите его к центру или от центра, пока объ- 
ект не достигнет нужных размеров. Удерживайте нажатой клавишу <ЗЩ> 
при перетаскивании курсора по диагонали, чтобы масштабировать объект 
пропорционально. 

3. Если удерживать нажатой клавишу <АЁ> при перетаскивании, можно по- 
лучить отмасштабированную копию объекта. 

4. Для изменения центра трансформации щелкните предварительно в нужной 
точке. 


Примечание — Для того чтобы указать точные параметры масштабирования, удерживайте на- 
жатой клавишу <Ай> в момент установки центра трансформации. В появившемся окне Зсае 
(Масштабирование) укажите нужные значения. 





Поворот объектов 


Команла Ро{аЁе (Поворот) 


1. Выделите объект и выполните команду главного меню ОЩесе | Тгап$Ююги | 
Воже (Объект | Трансформация | Поворот). 

2. В диалоговом окне Воже (Поворот) задайте параметр Апзе (Угол) равным 
90°. Объект повернется против часовой стрелки. Для поворота по часовой 
стрелке нужно указать значение угла со знаком «—» (минус). 

3. Нажмите кнопку ОК, чтобы применить операцию к объекту, или Сору (Ко- 
пировать), чтобы повернуть копию объекта. 
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Поворот при помоши палитр Ргорег(е< (Свойства), 
Гап®Тогт (Трансформация) 


1. В палитре Ттап$огт (Трансформация) или Ргорегийе$ (Свойства) для пово- 
рота объекта укажите контрольную точку (центр трансформации), задайте 
в поле Коже (Поворот) (рис. 5.7) положительное значение угла и нажмите 
клавишу <Ещег>. 

2. Объект повернется против часовой стрелки. Для того чтобы повернуть объект 
по часовой стрелке, укажите угол со знаком «—». 

3. Послеввода в полеугла поворота нажмите комбинацию клавиш <А>-+<Ещег>, 
и объект скопируется при повороте. 


ч« Х 
РгорегИе$ 
Кесфапое 
*«Х 
Тгагезфситт 
$ Тгапфогт — 
Х: -80,.081 м М: 30 гм 8 
ЕЕ & \ 97,543 имо НН: 60 пт 


д 


У: 97,543 пит НН: 60 пм 


Рис. 5.7. Поле ввола угла поворота 


Инструмент /Го{е (Поворот) 


1. Выделите объект и выберите инструмент < Вогае (Поворот). 

2. Потяните за контур объекта по часовой стрелке или против нее, чтобы повер- 
нуть объект соответственно. Если удерживать при вращении нажатой клавишу 
<>, то объект будет поворачиваться на угол, кратный 45°, аесли удержи- 
вать нажатой клавишу <АЁ>, то объект скопируется при повороте. Также вы 
можете держать одновременно обе клавиши нажатыми, чтобы скопировать 


объект на угол, кратный 45° (рис. 5.8). 





Рис. 5.8. Поворот объекта на 45 градусов по часовой стрелке 
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3. Перед поворотом объекта щелкните курсором за пределами объекта. Центр 
трансформации будет установлен в другой точке (рис. 5.9). Потяните за контур 
объекта, чтобы повернуть его относительно новой контрольной точки. 


При установке центра трансформации, если щелкнуть с нажатой клавишей <АЙ>, 
появится окно Кобе (Поворот). Это позволит вам указать точный угол поворота. 





| 


Рис. 5.9. Установка другого центра трансформации 


Отражение объектов 


Команла ейест (Отражение) 


1. Выделите объект и выполните команду главного меню ОЩесе | Тгап$Ююги | 
Вейесе (Объект | Трансформация | Отражение). 

2. В диалоговом окне Вейесе (Отражение) выберите опцию Ног7тота| (Тори- 
зонтально) или УегИса] (Вертикально), чтобы отразить объект относительно 
горизонтальной или вертикальной осей соответственно. 

3. Если указать значение Апзе (Угол), то объект отразится относительно оси, 
проходящей под заданным углом. 

4. Нажмите кнопку ОК, чтобы применить операцию к объекту, или Сору (Ко- 
пировать), чтобы отразить копию объекта. 


ммм Примечание При использовании команды ВеНес{ (Отражение) ось проходит через центр 
габаритного контейнера объекта. Во всех остальных способах отражения можно выбрать точку, 
относительно которой отражается объект. 


Отражение при помоши палитр Ргорегех (Свойства), 
Гап®Тогт (Трансформация) 


1. Выделите объект и укажите контрольную точку габаритного контейнера, от- 
носительно которой нужно отразить объект. 
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2. В меню палитры Ттап$югт (Трансформация) выберите одну из команд: Е 
Ног20па1 (Отразить по горизонтали) или Ейр Уегаса| (Отразить по вертикали) 
(рис.>5.10). В палитре Ргорегае$ (Свойства) нажмите соответствующую кнопку. 
Объект будет соответственно отражен относительно указанной вами точки 
габаритного контейнера. 


вы низя Не ОрНопз 
Ранн НЕ Х: 58.9527 тт МК 30,503 пит Злом оп паре СгеаНоп 
дя ТМ 55.776 ат Ну 48,993 мм Ебр Нопгогиа! | 
Х: БОТ гит М 30,503 пил д: 0 “ #’: = “ Мы Меса! 


:8 У ЭБ.77 м НН: 48.993 мм у уса[е УгоКез & ЕНес 





д: ры ыы м. 


У — Тпапогт ОБуесЕ Оту 
‚о. | В ТгапРогт Равегт Оту 





Рис. 5.10. Команлы отражения 


Инструмент ейест (Отражение) 


1. Выделите объект и выберите инструмент р: < ВейЙесе (Отражение). 

2. Изначально объект отражается относительно своей центральной оси. Щел- 
кните инструментом в другой точке монтажной области, если хотите сменить 
точку, через которую будет проходить ось отражения. 

3. Перетащите контур объекта в направлении, в котором хотите отразить объ- 
ект (рис. 5.11). 





Рис. 5.1. Отражение объекта 


Удерживайте нажатой клавишу <ЗЮЩ> при отражении, если хотите отразить 
строго горизонтально или вертикально, или клавишу <А|]>, чтобы получить копию 
объекта. 


97 


АдоБе Шига ог СС 2020. Мастер-класс Евгении Тучкевич 





Наклон объектов 


Команла 5Леаг(Наклон) 


1. Выделите объект и выполните команду главного меню ОЩесе | Тгап$Гогт | ЗВеаг 
(Объект | Трансформация | Наклон). 

2. В диалоговом окне ЭВеаг (Наклон) укажите угол наклона в поле ЭВеаг Апе 
(Угол наклона) и выберите опцию Ноп7ота (Горизонтально) или \ег@са] 
(Вертикально), чтобы наклонить объект относительно горизонтальной или 
вертикальной осей соответственно (рис. 5.12). Если указать значение Апе 
(Угол), то объект наклонится относительно оси, проходящей под заданным 
углом. 

3. Щелкните по кнопке ОК, чтобы наклонить объект, или Сору (Копировать), 
если нужно получить копию объекта при наклоне. 


Инструмент 5Леаг(Наклон) 


1. Выделите объект и выберите инструмент 07 эпеаг (Наклон). 


2. Щелкните инструментом в точке монтажной области, чтобы зафиксировать 
точку, относительно которой будет наклоняться объект. 





Рис. 5/2. Пример наклона объекта на угол 30 гралусов по горизонтали 


3. Перетащите контур объекта в направлении, в котором хотите наклонить объ- 
ект. Удерживайте нажатой клавишу <А[>, чтобы получить копию объекта. 
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Применение нескольких преобразований 
олновременно 


Команла 7Тгап$огп Еасп (Трансформировать кажлый) 


Команда Ттап$югт Еасй (Трансформировать каждый) позволяет выполнить сразу 
несколько операций с объектами, с каждым в отдельности или с одним, например 
масштабировать объект и повернуть. 


Пример 1. Трансформации нескольких объектов одновременно 


1. Выделите три облака в монтажной области и выполните команду главного 
меню ОЩес | Тгап$Гоги | Тгап$огт Еасй (Объект | Трансформация | Трансфор- 
мировать каждый). Преимуществом использования данной команды является 
то, что при выделении и преобразовании нескольких объектов трансформация 
осуществляется для каждого объекта по отдельности, несмотря на отображе- 
ние общего габаритного контейнера. 

2. В разделе Зее (Масштабирование) укажите 50%. Для того чтобы масшта- 
бировать пропорционально, нужно указать одинаковые значения в полях 
Ног7оша| (По горизонтали) или УегЯса[ (По вертикали). 

3. В разделе Кое (Поворот) укажите значение угла поворота 45°. 

4. Установите флажок Кап@от (Случайно), тогда параметры трансформации 
будут подбираться для каждого объекта случайным образом (рис. 5.13). 











Рис. 5.13. Пример использования команлы лля множества объектов 
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Пример 2. Множественные трансформации одного объекта 


1. 
й 


Нарисуйте желтый квадрат. Снимите флажок Кап@от (Случайно). 
Выполните команду главного меню ОЩес | ТгапЮюги | Тгап$Ююгш Еасй (Объект 
| Трансформация | Трансформировать каждый). 


. Укажите в разделе Эсае (Масштабирование) 80% по горизонтали и 80% по 


вертикали, а в разделе Кобже (Поворот) угол 45°. 


. Нажмите кнопку Сору (Копировать) в окне Ттгап$югт Еасй (Трансформиро- 


вать каждый). 


. Нажмите комбинацию клавиш <С{1>+<)О> (повтор трансформации). На 


рис. 5.14 показан результат. 





Рис. 514. Пример множественной трансформации олного объекта 


Инструмент Ргее Тгап®Тогт (Своболная трансформация) 


Инструмент [з Егее Тгап$огт (Свободная трансформация) имеет виджет 
(элемент пользовательского интерфейса), который позволяет выбирать способ 
трансформации между различными операциями, такими как перспективное ис- 
кажение, свободное искажение и пропорциональное искажение. 


1. 
р 
э, 


100 


Откройте файл [е$0п\Урок_5 Трансформация объектов\Пугало.аи. 

Выделите объект. 

Отключите в главном меню У ем (Вид) контейнер преобразования командой 
Не Воипаше Вох (Скрыть габаритный контейнер). 


. Выберите инструмент ХТ Егее Тгап$югт (Свободная трансформация) — ак- 


тивизируется виджет (рис. 15.15), на котором по умолчанию активна опция 
Егее Тгап$югт (Свободная трансформация). 


Урок 5. Трансформация объектов 
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Рис. 5/15. Активизация вилжета Ёгее ТгапГогт 


Настройка Егее Тгап$огт (Свободная трансформация) работает по принципу 
трансформации при помощи Воипаше Вох (Габаритный контейнер). 


1. Потяните за угловой маркер габаритного контейнера, чтобы масштабировать 
объекты. Удерживайте клавишу <ЗЫЩ> нажатой для пропорционального 
масштабирования или клавишу <А[>, чтобы масштабировать относительно 
центральной точки габаритного контейнера. 

2. Поверните рамку габаритного контейнера по часовой стрелке или против нее, 
чтобы повернуть объекты соответственно. При повороте и нажатой клавише 
<5ШИ> габаритный контейнер будет поворачиваться на угол, кратный 45°. 

3. Выберите в виджете опцию Регзресйуе 0150г (Перспективное искажение). 
Потяните за правый верхний маркер направо (рис. 15.16). Объект будет ис- 
кажаться в перспективе. 


















Н Регзреснуе Овлой 


Рис. 5.16. Работа опции Регзресв\уе Оой 
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4. Выберите в виджете опцию Ргее 0150г (Свободное искажение). Потяните за 
правый верхний маркер (рис. 15.17). Объект будет искажаться. 


Возможно включение опции Соп$гат (Сохранение пропорций). 


Егее Оу5ои: 





Рис. 517. Работа опиии Ёгее Оой 


Повтор трансформации 


При применении различных способов трансформации объектов можно сде- 
лать в Шаягаог повтор последнего выполненного преобразования с выделенным 
объектом. 


1. Выделите грушу и выберите инструмент р\ ‚ э@есйоп (Выделение). 
2. Переместите объект с нажатой клавишей <А >, чтобы получить копию объекта. 


3. Не снимая выделения с полученного объекта, выполните команду главного 
меню ОЩесе | Тгап$Гоги | Тгап$Ююогш Азат (Объект |'Трансформация | Повторить 
трансформацию) или нажмите комбинацию клавиш <СИ]>-+<)»>. 


Увас появится третья копия объекта. Нажимайте комбинацию клавиш <С01>+<)0> 
до тех пор, пока не получите необходимое количество копий объекта (рис. 5.18). 





Рис. 5.18. Пример повтора трансформации 
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Проект «Лом \и5 замок» 


Выполните небольшое задание. Используя полученные знания и навыки по 
трансформации объектов, нарисуйте иллюстрацию на тему «Домик в деревне» 
(рис. 5.19). Раскрасьте объекты на свое усмотрение. Цветной оригинал картинки — 
[е55оп5\Урок_5 Трансформация объектов\Домик в деревне.|рд. 

В папке 1е5зоп$\Урок_5 Трансформация объектов\Примеры домов вы также можете по- 
смотреть примеры более сложных иллюстраций с домами, подготовленные сту- 
дентами (рис. 5.20—5.22). Для этого вы должны изучить работы с кривыми Безье 
(см. урок 9). 
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Рис. 5.20. Иллюстрация с использованием кривых Безье и символов 
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Иллюстрация с использованием кривых Безье и символов 
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Инструмент Рирре И/эр 
(Марионеточная леформация) 


В современных версиях введен новый инструмент |# Рирре Уагр (Марионе- 
точная деформация). С его помощью можно выполнятьестественные скручивания 
и искажения элементов графического объекта. Добавляя, перемещая и вращая 
привязки, можно с легкостью изменять графический объект в различных поло- 
жениях. 

1. Откройте файл 1ез5оп5\Урок_5 Трансформация объектов\Человечек.а1. 

2. Выделите человечка (он нарисован инструментом 187. Вор Вги$В (Кисть- 

клякса)). = 

3. Активизируйте инструмент | Рирре Уагр (Марионеточная деформация). 

Вы увидите сетку и точки привязки. 
4. Добавьте щелчком привязки в областях, которые необходимо изменить или 
закрепить (рис. 5.23). 


*. 





Рис. 5.23. Установка привязок и перемешение точек 


5. Нажмите и перетащите привязку для изменения формы объекта. Соседние 
привязки будут неизменны. Для того чтобы выполнить скручивание, выделите 
привязку и поместите курсор рядом с привязками (но не над ними). Когда 
появится пунктирный круг, выполните перетаскивание, чтобы повернуть 
сетку «на глаз» (см. рис. 5.23). 


п Примечание 


мм 
® Для выделения нескольких привязок нажимайте их, удерживая клавишу <>. 
® Для того чтобы удалить выбранные привязки, нажмите клавишу <Беве>. 
® Для того чтобы выполнить преобразование графического объекта только вокруг выделенной 
привязки, удерживайте клавишу <АЁ> при перетаскивании. 
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Проект «Осьминожка» 


Откройте файл [е5$0п$\Урок 5 Трансформация объектов\Осьминожка.а!. Рисунок предо- 
ставлен художником Ольгой Кордюковой. Графика в файле разделена по слоям. 


Рыбки сделаны символами (рис. 5.24). 
Вы можете изменять при помощи инструмента Рирреё Уагр (Марионеточная 


деформация) осьминога, например только отдельные конечности, имитируя дви- 
жение (рис.5.25). 





ЛС. 5.25. Авижение осьминога 


Инструментом Рирреё Уагр (Марионеточная деформация) попробуйте изменить: 
волны, осьминога отдельно, другие конечности осьминога, рыбок, водоросли на 
переднем плане, галеон, чтобы создать ощущение перспективного искажения через 


СЛОЙ ВОДЫ. 


106 


УРОК 6 





Эффекты трансформации 


Обуст Туре баса ПОАЕЕЮ беь Мес Нар 00 № №- % 
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Программа Шиягаюог располагает большим количеством эффектов, которые 
можно применять к объекту или группе объектов. Одни эффекты позволяют 
получить художественный эффект, а другие — создавать имитацию трехмерных 
объектов. В этом уроке речь пойдет об эффектах искажения и трансформации из 
главного меню ЕйЙесе | 0150г & Тгап$огт (Эффект | Искажение и трансформация). 
Применяя данные эффекты к объектам, вы можете получить интересные преоб- 
разования объектов. 

Благодаря тому что эффекты, примененные к объекту, являются атрибутами 
оформления и отображаются в палитре Арреагапсе (Оформление), мы имеем воз- 
можность редактировать или удалять их в любой момент, не отменяя действий. 
Также можно создавать стили оформления объектов, основанные на эффектах, 
и быстро применять их к нескольким объектам. 


В этом уроке вы познакомитесь со следующими аспектами применения эффек- 
тов искажения и трансформации: 


= преобразование объекта при помощи эффектов искажения; 

> применение эффектов трансформации; 

= применение нескольких эффектов трансформации одновременно; 

= быстрое создание визиток для работников фирмы; 

= создание цветов, звезд, снежинок и прочих объектов на основе эффектов. 
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Эффекты искажения и трансформации 


Эффект Ргее Оо (Своболная леформация) 


| 


Создайте новый документ и нарисуйте прямоугольник. 


2. Выполните команду главного меню ЕйЙес® | 0150г & Тгап$Гогит | Егее 015юг 
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(Эффект | Искажение и трансформация | Свободная деформация). 


. В диалоговом окне Егее 0150г (Свободная деформация) (рис. 6.1) измените 


форму объекта путем перетаскивания любого из четырех углов габаритной 
рамки, в которую заключен объект. 


. Переведите иллюстрацию в режим Ои те (Контур), нажав комбинацию 


клавиш <С>-+<У>. Вы увидите, что электронный контур объекта не дефор- 
мировался (рис. 6.2). 


. Нажмите комбинацию клавиш <СИ1>+<У> еще раз, чтобы вернуть иллю- 


страцию в режим отображения Ргемем (Предварительный просмотр). Такое 
применение эффектов позволяет редактировать или удалять их впоследствии. 
Для того чтобы окончательно применить эффект, выполните команду главного 
меню ОЩес® | Ехрапа Арреагапсе (Объект | Применить оформление). 


Арры Гая Ес! АНЕ+С+Е 
[35 Е ЕР ас ДЕ+ЪЛИЕ+СЕ+Е 


Осситтеге Казфег ЕНес$ Зе то‹... 


Позгавог ЕГГесе 





Рис. 6.1. Лиалоговое окно эффекта Егее Оой 


Урок 6. Эффекты трансформации 





Упед-3* @ 106,485 (СМУК/Оите) Хх 





Рис. 6.2. Отображение эффекта на объекте в режиме Ргемем/ (слева) 
иврежиме Оу те (справа) 


Эффект Рискег & ВБ/оаЁ (Втягивание и разлутие) 


1. Нарисуйте кружок и выполните команду главного меню ЕЙесе | 015юг & 
Тгап$ги | РисКег & Воа( (Эффект | Искажение и трансформация | Втягивание 
и раздутие). 

2. В диалоговом окне эффекта включите параметр Ргемем (Предварительный 
просмотр), чтобы заранее видеть, как преобразуется объект. 

3. Сдвиньге ползунок вправо, и опорные точки кружка будут перемещены ближе 
к центру объекта. Контур объекта как бы раздувается изнутри (рис. 6.3). 

4. Сдвиньте ползунок влево и получите обратный эффект — втягивание сегмен- 
тов (см. рис. 6.3). Проанализировав результат применения данного эффекта, 
можно сделать вывод: чем больше опорных точек у объекта, тем больше можно 
получить раздутых или втянутых сегментов. 





Рис. 6.3. Пример разлутия и втягивания контура 
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Рис. 6.4. Применение эффекта РискКег & Воа к многоугольнику 


5. Выберите инструмент Раузоп (Многоугольник). Постройте шестиугольник, 
ориентированный по горизонтали. 

6. Примените эффект РисКег & Воа (Втягивание и раздутие) и в диалоговом окне 
эффекта сдвиньте ползунок вправо на 50% (рис. 6.4). Получился цветочек. 


Эффект /оиапеп (Огрубление) 


1. Нарисуйте кружок и выполните команду главного меню ЕйЙес | О15юг & 
Тгап$огт | Коиовеп (Эффект | Искажение и трансформация | Огрубление). 
В окне эффекта включите параметр Ргемем (Предварительный просмотр), 
чтобы заранее видеть, как преобразуется объект. Данный эффект создает 
множество опорных точек на контуре объекта. Одни из них эффект двигает 
ближе к центру, другие, напротив, от центра. Таким образом, может получиться 
объект, похожий на кляксу или колючку. 


Примечание В этом уроке мы применяем эффект огрубления к кругу. Если попробовать его 
применить, например, к звездочке или объекту, нарисованному пером, то, возможно, полученная 
форма вызовет и другие ассоциации. 





2. Двигайте ползунок ®1е (Размер), чтобы перемещать опорные точки все 
дальше друг от друга. Опции Каайуе (Относительно) и АБзойе (Абсолютно) 
используют, чтобы задавать значение параметра те (Размер) в процентах 
или в миллиметрах соответственно. 

3. Перемещение ползунка Веай (Детализация) позволяет определить плот- 
ность зубцов на дюйм. Чем больше параметр, тем больше «иголок» у нашей 
«колючки» (рис. 6.5). 

4. Опции этоо (Гладкие) и Согпег (Угловые) задают соответственно гладкие 
или угловые вершины получаемых зубцов. 
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Рис. 6.5. Пример использования эффекта Воцдвеп 


Эффект Ти/еак (Трепать) 


1. Нарисуйте звездочку и выполните команду главного меню Ейес® | О15юг & 
Тгап$оги | ТуеаК (Эффект | Искажение и трансформация | Трепать). В окне 
эффекта не забудьте включить параметр Ргемем (Предварительный просмотр), 
чтобы заранее видеть, как искажается объект. 

2. Сдвиньте ползунки Ном7опа (Торизонтально) и \егЯса] (Вертикально) чуть 
вправо, чтобы искажать объект соответственно. Согласитесь, звездочка и 
вправду выглядит изрядно потрепанной (рис. 6.6). Опции В@айуе (Относи- 
тельно) и АБзопие (Абсолютно) позволяют искажать объект в процентах или 
в миллиметрах соответственно. 

3. Если включена опция Апепог Рош (Опорные точки) в разделе МодНу (Из- 
менение), все опорные точки искажаются вместе с сегментами контура. Если 
выключить опцию, опорные точки объекта остаются на месте, а искажаются 
только сегменты объекта. 


Рис. 6.6. Объект ло применения эффекта (слева) и после (справа) 
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Эффект Тил5Е(Скручивание) 


1. Нарисуйте многолучевую звездочку, т. к. этот эффект резульгативнее при- 
менять к объектам, которые имеют много углов. 

2. Выполните команду главного меню ЕйЙес{ | 0150г & Тгап$Гогт | м5 (Эффект | 
Искажение и трансформация | Скручивание). Диалоговое окно данного эф- 
фекта, пожалуй, самое простое из всех окон эффектов искажения. 

3. Включите параметр Ргеме\м (Предварительный просмотр), чтобы заранее 
видеть, как скручивается объект, а в поле Апзе (Угол) задайте значение угла 
200° (рис. 6.7). 

Укажите значение угла со знаком «—» (минус), если хотите скручивать объект 
в обратном направлении. 





Рис. 6.7. Пример использования эффекта Тмл® 


Эффект 270 ад (Зигзаг) 


1. Нарисуйте многолучевую звезду и выполните команду главного меню ЕйЙес® | 
0150г( & Тгап$Юги | 742 Газ (Эффект | Искажение и трансформация | Зигзаг). 
Не забывайте про параметр Ргемем (Предварительный просмотр). 

2. Двигайте ползунок 12е (Размер) вправо, чтобы увеличивать размер зубцов, 
или влево, чтобы уменьшать. Чем больше значение параметра №19эе$ рег 
5егтепЕ (Гиков на сегмент), тем больше зубцов приходится на каждый сег- 
мент контура. 

Установите различные настройки эффекта. Примеры приведены на рис. 6.8. 


Рой \ 
ы 
— | 





Рис. 6.8. Пример различных настроек эффекта 219 гад 
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Эффект ТгапТогт (Трансформировать) 


Команда главного меню Ейесе | 0150г & ТгапЮюги | Тгап$Ююгш (Эффект | Иска- 
жение и трансформация | Трансформация) позволяет применять сразу несколько 
трансформаций к объекту или группе объектов. 


1. 


Нарисуйте многолучевую звезду, выполните команду главного меню ЕйЙесе | 
015юг( & Тгап$Юги | Тгап$огт (Эффект | Искажение и трансформация | Транс- 
формация). Включите опцию Ргемеу (Предварительный просмотр) для пред- 
варительного просмотра результата применения эффекта. 


. В разделе Эее (Масштаб) укажите значения 75% в полях Ног7тоша! (По 


горизонтали) и Уегйса! (По вертикали). 


. В разделе Моуе (Перемещение) укажите значение 25 ша в полях Ноптопа 


(По горизонтали), УегИса! (По вертикали). В поле Апёе (Угол) раздела Кое 
(Поворот) установите 50°. 


. В поле Сору (Копировать) введите значение 9 и нажмите кнопку ОК (рис. 6.9). 


Несмотря на визуально присутствующие 9 звездочек, на самом деле звездочка 
по-прежнему одна. Нажмите комбинацию клавиш <С>+<У>, чтобы перей- 
ти в режим просмотра ОцИше (Контур), и вы в этом убедитесь. 


. Назначьте звездочке другой цвет заливки, и вы увидите, как все копии объ- 


екта автоматически перекрасятся. Поверните звездочку на случайный угол, 
и ее копии тут же повернутся. 


‚ По окончании редактирования выполните команду главного меню ОЩесе | 


Ехрапд Арреагапсе (Объект | Применить оформление), чтобы окончательно 
применить эффект трансформации и получить группу из 9 звездочек. 





Рис. 6.9. Пример использования эффекта ТгапРогпт 
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Проект «Цветы в вазе» 


Этот проект является не только отличным способом отработать навыки приме- 
нения трансформации, но и позволит вам проявить свои творческие способности. 
Наша цель — создать букет цветов. 


Откройте файл 1е$50п5\Урок_6 Эффекты трансформации\Букет.а!. В файле уже созданы 
объекты, которые будут основой для первого цветка. 

Вы можете самостоятельно нарисовать похожие контуры инструментом Репсй 
(Карандаш) и далее пририсовать в середину части цветка или, проще, воспользо- 
ваться нашей заготовкой. 

Если вы желаете сами нарисовать: 

1. Используйте инструмент Репсй (Карандаш), рисуя два внешних контура. Затем 
выделите оба контура и выполните команду главного меню ОЩес | Тгап$юги | 
Тгап$юогт Еасй (Объект | Трансформация | Трансформировать каждый). В по- 
явившемся окне трансформации в разделе эее (Масштабирование) укажите 
значения по горизонтали и по вертикали, а в разделе Воже (Поворот) задайте 
угол поворота. Нажмите кнопку Сору (Копировать). 

2. Не снимая выделения с объектов, повторите трансформацию, нажав комби- 
нацию клавиш <С@>+<)О)>. Затем дорисуйте середину цветка карандашом. 
Сгруппируйте результат. Заготовка готова (рис. 6.10). 





Рис. 610. Многократная трансформация и лорисовка серелины иветка 


3. Выделите полученный объект и назначьте ему заливку бело-розовым гради- 
ентом из палитры Эмабеве$ (Образцы). Отмените у объекта обводку, чтобы 
цветок выглядел более легким. Получилась розочка. 

4. Скопируйте цветок, чтобы на его основе создать вариации при помощи раз- 
личных трансформаций (рис. 6.11). 





Рис. Б.Л. Объекты после заливки гралиентом и отмены обводки 
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5. Примените к объектам различные эффекты трансформации ЕЁес® | 0150г & 
Тгап$юогт (Эффект | Искажение и трансформация). Варианты оформления 
представлены на рис. 6.12. 





Рис. 6.12. Объекты после выполнения различных эффектов 


6. Для «превращения» эффекта в итоговую форму необходимо, выделив объ- 
екты, выполнить команду главного меню ОЩес® | Ехрапа Арреагапсе (Объект | 
Применить оформление). 


Используя данный алгоритм и комбинируя разные формы объектов с различны- 
ми эффектами трансформации, соберите собственный букет. Создавая свои цвета 
и градиенты, раскрасьте цветы, как вам нравится. Для рисования стеблей и листьев 
используйте инструмент Репсй (Карандаш). Дорисуйте вазу. 

На рис. 6.13 приведен пример выполненной работы. Другие примеры цветов, 
нарисованных с помощью применения эффекта трансформации, можно увидеть 
в папке [е$5оп5\Урок_6 Эффекты трансформации\Примеры букетов. 





Рис. 6.13. Пример букета 
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Проект «Визитка» 


В данном проекте мы, используя эффект трансформации, быстро подготовим 
визитки для сотрудников небольшой дизайн-студии. 


1. Откройте файл 1е$оп$\Урок 6 Эффекты трансформации\Визитка.а!. В файле создан 
макет визитки стандартного размера — 90х50 мм. 

2. Выделите инструментом э@есйоп (Выделение) все объекты и сгруппируйте 
их, выполнив команду главного меню ОЩес® | Сгоир (Объект | Группировать) 
или нажав комбинацию клавиш <С]>+<О>. 

3. Выполните команду главного меню ЕйЙесё | 0150г & Тгап$Югт | Тгап$огт 
(Эффект | Искажение и трансформация | Трансформация). В диалоговом 
окне эффекта установите параметры: в разделе Моуе (Перемещение) \Уег@са1 
(по вертикали) равным 55 ша. В поле Сору (Копировать) — 4, щелкните по 
кнопке ОК (рис. 6.14). 

В результате получим пять одинаковых визиток по вертикали. 











Степан Босов 
ржтор 











Степан Босов 
р9етр 








Рис. 614. Диалоговое окно эффекта ТгапТогт 
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4. Выполните опять команду главного меню ЕйЁес | О15юг( & Тгап$Юги | Тгапогт 
(Эффект | Искажение и трансформация | Трансформация). Появится диа- 
логовое окно, в котором сообщается о том, что объект (группа объектов) 
уже имеет этот эффект. Не обращайте внимания, нажмите кнопку Арру №ем 
ЕНесе (Применить новый эффект), чтобы продолжить применять эффект 
трансформации. 

5. В окне эффекта Ттап$огт (Трансформация) укажите значение Нот20ота] (По 
горизонтали) — 95 па, Уегйса| (по вертикали) — 0 шт. В поле Сору (Копи- 
ровать) — 1, щелкните по кнопке ОК. Таким образом, мы получим еще один 
столбец из пяти визиток (рис. 6.15). 

Так как наша двойная трансформация является эффектом, девять визиток — 
это всего лишь копии основной. Таким образом, если мы поменяем ориги- 
нальную (основную) визитку, то изменятся и все ее копии. 


| 


№ =; 


Степан Босов я 





Степан Босов 
дерестор 








Степан Босов 
«диретор 


я 

$887 

4 

$87 

Степан Босов — 
$0878 

4 

сев 

р. 


Рис. 6.15. Лесять визиток на формате А4 


6. Выберите инструмент З@есйоп (Выделение) и дважды щелкните по звездочкам 
у оригинальной визитки, чтобы попасть в режим изоляции группы, объеди- 
няющей все объекты нашей визитки. В верхней части документа появится 
темно-серая полоса, подтверждающая, что мы находимся в режиме изоляции 
группы (рис. 6.16). 
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Визитка.а!" @ 100% (СМУК/Ргемем) Хх 
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Ри КН а 
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`& Степан Босов 
! диртор 


$2873 





Рис. 6.16. Режим изоляции группы 


7. Выделите большую звездочку и измените цвет ее заливки. Соответствующие 
звездочки во всех 9 копиях визитки тут же поменяются. 

$. Дважды щелкните по тексту «Степан Босов», и в нем появится курсор. На- 
пишите новый текст — «Олег Творцов». Точно так же поменяйте слово «ди- 
ректор» на слово «дизайнер» (рис. 6.17). Текст автоматически поменялся во 
всех визитках, и мы быстро получаем десять визиток для дизайнера студии. 

9. Дважды щелкните инструментом Э@есйоп (Выделение) в свободном месте 
документа, чтобы выйти из режима изоляции. 

10. По окончании редактирования выполните команду главного меню ОЩес | 

Ехрапд Арреагапсе (Объект | Применить оформление), чтобы окончательно 
применить эффекты трансформации. 


Вихитка.а!* © 15055 (СОМУКУРИем ем)  Х 


3 Олег Творцов 


$887? 





Рис. Б/У. Результат релактирования визитки 
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Создание сложных Форм 
из простых 


©}, баре Вийдег /\ т. 





Вы умеете ориентироваться в окне программы и знаете, как пользоваться для 
создания своих картинок инструментами рисования геометрических фигур. Но 
что делать, если нужна более сложная форма? Кроме инструментов «чистого» 
рисования, с которыми вы познакомитесь далее, в нашем распоряжении есть 
замечательные команды и инструменты обработки формы — палитра Ра йпдег 
(Обработка контуров), инструменты ЭВаре Вий@ег (Создание форм), Эварег (Ма- 
стер фигур). 


В этом уроке вы познакомитесь: 
=> с созданием единого контура из нескольких объектов; 


=> свырезанием одних объектов из других и созданием самостоятельных форм из 
отдельных деталей исходных объектов; 


> сбыстрым созданием объектов инструментом ЭВарег (Мастер фигур); 


> с добавлением и удалением элементов с помощью инструмента Эваре ВиЙдег 
(Создание форм). 
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Палитра Ра}йпоаег (Обработка контуров) 


Откройте файл [1е$50п$\Урок_7_Создание сложных форм 


ч_х 
| раввйпфег = из простых\РаИЯпдег.аи. 
ораре Моде: В файле уже созданы объекты, к которым мы при- 
| У иг ОИ =" рн меним операции по обработке контуров. Вызовите 
и палитру Ра йпдег (Обработка контуров). Палитра 
осо Ра йпаег (Обработка контуров), атакже аналогичный 





: раздел в палитре Ргорег@е$ (Свойства), делится на две 
Рис. 7Л. Палитра Ра#йпдег строки, «отвечающие» за разные операции обработки 
контуров (рис. 7.1). 
Первая строка ЭВаре Модез (Режимы фигуры) содержит четыре кнопки, соот- 
ветствующие следующим режимам (рис. 7.2): 
Ф Ище (Объединение) — объединение всех участвующих в операции контуров 
в общую форму; 
+ Мшиз ЕгопЕ (Вычесть верхние) — вырезание из самого нижнего объекта в стопке 
всех объектов, лежащих выше него; 
+ ПщетсесЕ (Пересечение) — создание контура, представляющего собой пересече- 
ние всех объектов, входящих в массив; 
+ Ехсшде (Исключение) — создание контура, в который входят все непересекаю- 
щиеся детали объектов, входящих в массив. 
В открытом файле выделите объекты и нажмите кнопку операции. Результат 
получится как объект внизу на рис. 7.2. 


Ларе Моде$ 
ГЗ Упке Мтиз Ргог( Иицегзес{ : Ехаиае 


& %, © $} 


Рис. 7.2. Операции разлела Варе Модез 





и 





Для раздела ЭВаре Моде$ (Режимы фигуры) существует дополнительная возмож- 
ность: при выборе команды с нажатой клавишей <А|!> образуется Сотроип@ ЭВаре 
(Составная форма): комбинация исходных объектов, выглядящая как готовая новая 
форма, но позволяющая перемещать элементы компоновки и таким образом доби- 
ваться наилучшего результата. Будучи «незавершенным» объектом, составная форма 
налагает некоторые ограничения на последующее использование готовой формы, 
поэтому после окончательного определения новой фигуры ее необходимо финали- 
зировать, нажав кнопку Ехрапд (Разобрать) палитры Раййпдег (Обработка контуров). 
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Урок У. Созлание сложных форм из простых 


В открытом файле выделите круги слева для создания «облака». Примените 
операцию Опве (Объединение) в разных вариантах (рис. 7.3). 

В случае Сотроипд Зваре (Составная форма) вы можете перемещать части по- 
лученной единой формы. 


“ Х <А|{> 
Раде = СР. 


5Раре Моде: 
ково | р 


раёибидагя: 
и фиш оаа 






—— 





о 


т ВИ а 


Рис. 7.3. Пример работы в режиме Сотроипд 5Варе 





Нижняя строка содержит шесть кнопок, управляющих так называемыми «эф- 
фектами Райпаег» (рис. 7.4). 


+ ПО!уе (Разделение) — разделение массива объектов на кусочки по всем ли- 
ниям пересечения объектов. При этом те участки, где происходит наложение 
нескольких объектов, превращаются в один объект, ограниченный линиями 
пересечения; 


Ф Тит (Подрезка) — уничтожает скрытые части объектов. При этом всем объектам 
в массиве присваивается «пустая» обводка. Если в массиве имеется несколько 
одинаково окрашенных объектов, они остаются независимыми; 

+ Мегое (Слияние) — уничтожает скрытые части объектов и объединяет прилежа- 
щие друг к другу одинаково окрашенные объекты в общую форму. Все объекты 
без обводки; 

Ф Сгор (Обрезка) — отрезает части объектов, выступающие за контур верхнего 
объекта в стопке. Все объекты без обводки; 

+ ОишЯше (Преобразование в контур) — преобразует весь массив объектов в группу 
контуров без заливки; контуры рассекаются по точкам пересечения объектов. 
Кусочки контуров остаются незамкнутыми; 

+ Мшиз Васк (Вычесть нижние) — вырезает из верхнего объекта все объекты, на- 
ходящиеся ниже него. 
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1] Сгор и Оите [у | Мипи$ Васк 








Рис. 7.4. Применение эффектов Рав йЯпдег$ 


Основная особенность нижней строки палитры Ра йпдег (Обработка контуров) 
в том, что в результате выполнения любой команды создается группа. Эту группу 
можно разгруппировать и работать с каждым кусочком отдельно либо воспользо- 
ваться инструментами ОшгесЕ Заесйоп (Частичное выделение) или Сгоир З@есйоп 
(Выделение в группе). 


Проект «Пиктограмма» 


Рассмотрим возможности палитры Ра йпдег (Обработка контуров) на примере 
создания основного персонажа для серии навигационных пиктограмм (предпо- 
ложим, нам заказали разработку навигации для Чемпионата мира по футболу). 
Навигацию обычно изготавливают из специальных пленок, причем изображения 
«вырезаются» специальным плоттером и наносятся на разнообразные поверхно- 
сти. Такой способ изготовления предъявляет определенные требования к макету: 
каждый элемент картинки должен представлять собой единый замкнутый объект 
без наложений и пересечений. 
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Урок 7. Созлание сложных форм из простых 





Рассмотрим основу пиктограммы — человечка (рис. 7.5). 
Разберемся, из каких деталей состоит пиктограмма и какие 
фигуры «принимали участие» в создании этих деталей. 


Голова 


Голова — круг, из которого «вырезаны» глаза, рот и при- 
соединены эллипсы-уши. Все элементы создаются с помо- 
шью палитры Ра йпдег (Обработка контуров). 

1. Нарисуйте круг, сверху — эллипсы-глаза, эллипсы- 
уши, кружки-зрачки и два наложенных друг на друга 
эллипса, формирующих улыбку (рис. 7.6). 

2. Улыбка: выделяем оба эллипса и выполняем команду 
Мши$ ЕгопЕ (Вычесть верхние) (рис. 7.7). 

3. Добавление к голове ушей: выделяем голову и оба 
эллипса-уха, выполняем команду Опке (Объединение) 
(рис. 7.8). 

4. Добавляем глаза и улыбку: выделите все, что находится 
в пределах круга-головы, выполните команду Ехс1а4е Рис. 7 5. Человечек 
(Исключение) (рис. 7.9). Результат — на рис. 7.10. 








Рис. 7.6. Полготовка исхолных объектов для рисования головы 





Рис. 7.7. Улыбка 
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Рис. 7.9. Голова 





Рис. 710. Результат 


Тело 


1. Плечи скруглены, поэтому используем прямоугольник со скругленными 
углами. Рисуем его на всю высоту человечка, от плеч до пола. Необходимо 
определить, в какой последовательности создавать нужную форму. 

2. Просветы между руками и туловищем имеют закругленный верх из скруглен- 
ных прямоугольников (рис. 7.11). Нарисуйте два одинаковых скругленных 
прямоугольника (в процессе рисования не забудьте регулировать радиус 
скругления с помощью клавиш <1> и <] >), нижние края этих фигур должны 
выступать за нижний край основного прямоугольника так, чтобы на пере- 
сечении образовался прямой угол. 
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Урок 7. Созлание сложных форм из простых 





3. Нижний край рук и просвет между ногами — вселинии строго горизонтальны. 
Для них потребуются прямоугольники. Создаем направляющую, которая нам 
задаст нижний край рук и верхний просвет между ногами. Рисуем прямо- 
угольники так, чтобы верхний край лег на направляющую, а нижний выступал 
вниз от всех предыдущих фигур. Внутренние края прямоугольников, ограни- 
чивающих руки, должны находиться внутри скругленных прямоугольников, 
формирующих просветы между руками и туловищем (см. рис. 7.11). 


Рис. 7.Л. Схема рисования фигурами лля туловиша и рук 





Применим операции палитры Ра йпдег (Обработка контуров): 

1. Выделяем все скругленные прямоугольники (основной и просветы), выпол- 
няем команду Мши$ Егопё (Вычесть верхние), и все, что лежит выше основной 
фигуры, вырезается из нее (рис. 7.12). 

2. Выделяем полученную форму и все оставшиеся прямоугольники. Еще раз 
выполняем команду Мши$ Егош (Вычесть верхние) и получаем готового 
человечка (см. рис. 7.5). 

3. Для завершения работы давайте объединим голову и тело, чтобы наш персо- 
наж не терял головы ни при каких обстоятельствах! Выделяем голову и тело 
и выполняем команду Опке (Объединение). Пиктограмма готова! 

С помощью разных геометрических фигур и их комбинаций можно создать 
многочисленные дополнения к первоначальному образу и визуально передать 
любую необходимую информацию (рис. 7.13). Например, именно на базе рассмо- 
тренной пиктограммы сделана навигация голландской компанией эи@ю ОПитраг 
для госпиталя в г. Гааге. 
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Рис. 7.13. Пример навигации на основе пиктограмм 
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Урок 7. Созлание сложных форм из простых 





Инструмент $Рарег (Мастер фигур) 


В век скоростей рисование примитивами, также как соединение фигур специ- 
альными палитрами с операциями, — дело долгое. Хочется «побыстрее», «попроще» 
и для планшета. 

Как альтернатива построению фигур или созданию форм из некоторых фи- 
гур выступает инструмент ®74 эпарег (Мастер фигур) («горячие» клавиши — 
<$Ый>+<М>). | 

Инструмент выполняет две задачи: быстрое рисование фигур и создание фигур 
из нескольких. 

Активизируйте инструмент ЗВарег (Мастер фигур). Нарисуйте им прямоуголь- 
ник, эллипс, треугольник или многоугольник. Как видите, нарисованная вами 
фигура преобразуется в четкую геометрическую форму (рис. 7.14), причем созданная 
форма — Шуе (Живая) и возможны дальнейшие изменения параметров фигуры 
в палитре Ргорегие$ (Свойства). 


г ]-@о-®@ 
^-АС-Ф 


Рис. 714. Преобразование грубого рисования в четкие векторные фигуры 


—— 


Теперь создадим инструментом ЭВарег (Мастер фигур) форму из нескольких 

фигур. 

1. Откройте файл 1е5$оп5\Урок_7_Создание сложных форм из простых\5Варег.а!. Акти- 
визируйте инструмент ЭвВарег (Мастер фигур) (<ЗШИ>+<М>). С помощью 
мыши нарисуйте небрежно линию в области, которую вы хотите объединить, 
удалить или вычеркнуть. 

2. Результат вырезания или объединения фрагментов фигур, атакже цвет объеди- 
ненной фигуры определяются следующими правилами (рис. 7.15). 

е Если нарисованная линия находится в пределах одной формы, область 
будет вырезана (1). 
е Еслилинии находятся на пересечении двух и более фигур, пересекающиеся 
области будут вырезаны (2). 
е Нсли начальная точка вашей линии находится на передней фигуре: 
" ивашалиния проведена в направлении от свободной области к области 
наложения, передняя фигура будет вырезана; 
" илиния проведена от области наложения к свободной области, фигуры 
будут объединены. Цвет объединенной фигуры будет соответствовать 
цвету начальной точки произвольной линии. 
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е Нсли начальная точка произвольной линии находится на задней фигуре 
и линия проведена от свободной области к области наложения, фигуры 


будут объединены. 





Рис. 7.15. Слева — фигуры; справа — итоговые фигуры после применения 
инструмента 5эрарег 


Инструмент $Раре Ви/оег(Созлание форм) 


Часто возникают ситуации, требующие более гибкого и «точечного» взаимо- 
действия объектов. Для таких случаев в программе есть инструмент Эваре ВиЙдег 
(Создание форм) (рис. 7.16), с помощью которого вы можете создавать уникальные 
фигуры, добавляя, вычитая и пересекая одну фигуру из другой. 


©} * <} паре вищег То! = (нм) 
М] 


} — 9 Це РамЕ Виске" (К) › 
М. — С Шераме беесвоп Тоо! (5В+Ь) 





Рис. 716. Инструмент Варе Ви дег 


Проект «Рыбка» 


Комбинируя объекты, создадим из них рыбку при помощи инструмента Варе 
ВиПаег (Создание форм). 


1. Вновом документе нарисуйте круг при помощи инструмента Ерзе (Эллипс). 
Инструментом Роузоп (Многоугольник), нажимая клавишу <> несколько 
раз, создайте треугольник. 
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Урок 7. Созлание сложных форм из простых 





2. Поверните треугольник так, чтобы он по форме напоминал рыбий хвост. 
Расположите треугольник с левой стороны эллипса и убедитесь, что фигуры 
перекрываются (рис. 7.17). 

3. Активизируйте инструмент Варе Вийдег (Создание форм). Нажатой мышью 
перетащите из одной фигуры в другую. Треугольник и эллипс объединятся 
в одну форму (рис. 7.17). 


“ х 


8 зы $ 


Рис. ЛИ. Преобразование области пересечения в отдельный объект 


4. Создайте форму, которая будет вычтена из заготовки рыбы, чтобы получился 
рот (рис. 7.18). 

5. Выделите обе фигуры. Выберите инструмент Варе Вийдег (Создание форм), 
нажмите клавишу <А[>. Курсор теперь показывает знак «минус» в правом 
нижнем углу. 

6. Щелкните и перетащите курсор из правого внутреннего угла эллипса влевый 
край. Когда вы отпустите кнопку мыши, форма эллипса будет вычтена из 
комбинированной формы, образуя рот (см. рис. 7.18). 


>» 


Рис. 718. Улаление слержимого области при нажатой клавише <А> 





7. Добавим форму (поверх рыбы), чтобы создать плавник. Инструментом ЕЙрзе 
(Эллипс) создайте овальную форму, которая пересекает верхнюю часть ком- 
бинированной формы (рис. 7.19). 

$. Выделив обе фигуры, инструментом Эваре ВиЙдег (Создание форм) перета- 
щите их из области, где эллипс и форма тела рыбы сходятся в форму рыбы. 
Пересеченная область добавится к форме тела рыбы (см. рис. 7.19). 
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Рис. 7.19. Созлание формы провелением курсора через смежные области 


Особенность инструмента ЭВаре ВиПаег (Создание форм) состоит в том, что за 
один шагбыстро объединяются только те области, через которые удалось провести 
инструментом. Для создания сложных форм требуется много таких действий. 


УРОК 8 





Работа с кривыми Безье 


Аперог ры Синеы №  Ныбеы м’ мы № о ° 0 сны Сом Е 









К отеа ваесвоп Тоо! (А) 
= № Реп тоо (Р) 
+8? АЧа Апспог Ро Тоо! (+) 
—8* раеее Апспог РопЕ Тоо! (-) 
\. Апслог Ром Тоо! (5ВЙ+С) 





В данном уроке рассматривается оптимальный и быстрый способ построения 
с помощью инструментов группы Реп (Перо) векторного контура любой степени 
сложности. Инструменты данной группы используются во всех программах Адофе, 
где существует векторная графика. Владение инструментом Реп (Перо) намного со- 
кращает время работы, позволяет использовать возможности векторной графики 
в решении профессиональных задач дизайнера. 

Чем хороши векторные контуры? Вы можете масштабировать их без ущерба 
качеству, легко настраивать, они занимают мало места в памяти компьютера в силу 
своей математической природы, и ими можно нарисовать сколь угодно сложную 


форму. 


В этом уроке вы узнаете: 

что такое кривая Безье; 

как работать инструментом Реп (Перо); 

как строить и редактировать контуры; 

какие типы опорных точек бывают и на что это влияет; 
команды работы на уровне опорных точек; 


оооооо 


как соединять и разделять контуры. 
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Созлание прямолинейных контуров пером 


В программе возможно построение прямолинейных и криволинейных объектов 
многими способами. 

В данном разделе рассматривается оптимальный и быстрый способ построения 
с помощью инструментов группы Реп (Перо) и основного инструмента для изме- 


нения формы контура А ПтесЕ Заесйоп (Пустая стрелка) (рис. 8.1). 


№. ОнесЕ $аесвоп Тоо! (А) 


Д® Реп Тоо! (Р) 
+ Ада Апспог РоЕ Тоо! (+) 
8 еее Апспог РоЕ Тоо! (-) 
\ Апспог Роме Тоо! (5В+С) 


Рис. 8.1. Инструменты для созлания и релактирования контуров 


Инструмент » „ Реп (Перо) служит для создания контуров прямых и кривых 
линий с высокой степенью точности. 


Внимание! — Для того чтобы активизировать инструмент Реп (Перо) с помощью клавиатуры, 
нажмите клавишу <Р>. При работе с пером для редактирования контура вы будете переключаться 
на другие инструменты с помощью «горячих» клавиш. Для того чтобы видеть пиктограмму вызы- 
ваемого клавишей инструмента, не надо устанавливать режим точных курсоров (не должна быть 
нажата клавиша <Сарз [0ск>). 





Прямолинейный контур создается простыми щелчками инструмента по доку- 

менту (без «шарканья» мышью по коврику). 

1. Откройте файл-шаблон 1е$50п5\Урок _8_Работа с кривыми Безье\Прямые контуры.аг. 

2. Активизируйте инструмент Реп (Перо). 

3. Отмените заливку для рисования, оставив только обводку в блоке управления 
цветом. 

4. Щелкните пером в точке /. Теперь щелкните в точке 2. Между двумя точками 
образовалась прямая линия (рис. 8.2). 

5. Для прекращения построения пером можно просто взять другой инструмент, 
но удобнее нажать клавишу <СН]> и щелкнуть по свободному месту доку- 
мента. При этом старый контур не исчезнет, а вы остаетесь при активном 
инструменте Реп (Перо) и сможете строить новые контуры. 

Итак, удерживая клавишу <СИ]>, щелкните по свободному месту докумен- 
та — вы прекратили рисовать. 
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13 5 7 8 9 10 


Рис. 8.2. Созлание прямолинейных контуров пером 


6. Постройте щелчками следующий контур, начиная с точки 3. Участок между 
точками /и 6 должен пройти строго горизонтально, для этого удерживайте 
клавишу <> (при этом направление — горизонтальное, вертикальное или 
кратно 45°). Закончите рисование (см. рис. 8.2). 

7. Используя данный файл, постройте щелчками звезду (например, начиная 
с точки 9). Обратите внимание, что при замыкании контура у пиктограммы 
инструмента Реп (Перо) появляется нолик. 


Созлание криволинейных сегментов пером 


Для создания кривых при помощи инструмента Реп (Перо) нужно нажать кнопку 
мыши и, не отпуская ее, протянуть. Когда вы нажимаете кнопку мыши и начинаете 
перемещать указатель мыши в первый раз, то ставите начальную точку для будущего 
контура, а также задаете направление и величину кривой. 

Реп (Перо) показывает предпросмотр пути, который будет нарисован от предыду- 
щей точки к текущей позиции указателя. 

Для включения или отключения функции Кифегфап@ (Резина) необходимо 
в диалоговом окне РгеЁегепсез$ (Установки) (<СШ>-+<К>) в разделе З@есйоп апд 
Апспог О15рау (Отображение выделения и опорных точек) включить или отключить 
опцию ЕпаШе Ки фег Вапд Гог Реп Тоо] (Включить резинку для пера). 

Также следует помнить, что в предыдущих версиях программы Адобе Шиаугаог 
при создании гладкой точки противоположные ручки (Бап е, управляющие ли- 
нии) были всегда одинаковой длины. Теперь нажатие клавиши <С@]|> во время 
перетаскивания ручек создает ручки неравной длины, оставляя их связанными. 
Это позволяет лучше контролировать кривизну следующего сегмента создавае- 
мого пути. 

1. Откройте файл-шаблон 1е$50п5\Урок_8_Работа с кривыми Безье\Создание кривых.а/. 

2. Активизируйте инструмент Реп (Перо). Выполните действия, как на рис. 8.3. 
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Е Восс Я ИНН: лы с 
“ не отпуская Щелчок в 5, не отпуская 
еб $ сене. КНОПКУ МЫШИ, --неотпуская-— Кнопку МЫШИ, —---. 
ы тяните вниз кнопку мыши, тяните вниз 
Щелчок, до точки 4 тяните вверх до точки 8 
не отпуская до точки б 
кнопку мыши, У у 


тяните вверх 
до точки 2 


Рис. 8.3. Создание кривых пером 


Основные элементы кривых 


Для построения и редактирования кривых необходимо иметь представление, 
с чем же вы работаете? Какова природа кривых? Рассмотрим основные элементы 


кривых. 


Управляющая 
точка 





Управляющая 
линия 


Криволинейный 
сегмент 


Выделенная Невыделенная 
опорная точка опорная точка 


Рис. 8.4. Основные элементы кривых 


Контур (ра) состоит из одного или нескольких сегментов (зезтеп@. Начало 
и конец каждого сегмента называют опорными точками (апспог рош®. Перемеще- 
ние опорных точек приводит к модификации сегментов контура и изменению его 


формы. 
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При выделении опорной точки криволинейного сегмента на экране появляются 
одна или две управляющие линии (Бап е), заканчивающиеся управляющими точка- 
ми (4тесйоп рош®. Расположение этих линий и точек определяет длину и форму 
криволинейного сегмента, а их перемещение приводит к изменению контура. 


Рассмотрим пример. Используйте файл 1е$опз\Урок_8_Работа с кривыми Безье\Со- 
здание кривых.а!. 


1. У вас создан контур, поработаем с ним. 


2. Для настройки контуров используется инструмент А. ПтесЕ З@есйоп (Пу- 
стая стрелка). Он выделяет отдельные опорные точки или сегменты контура; 
при этом на экране показываются все управляющие линии контура, обе- 
спечивая возможность их настройки. Активизируйте Ойгесе Заесйоп (Пустая 
стрелка), переместите управляющие линии за управляющие точки (рис. 8.5). 
При увеличении управляющей линии увеличивается и кривизна сегмента. 

3. На рис. 8.6 показано, как положение управляющих линий изменяет форму 
сегментов. 


Самостоятельно исследуйте, как работает пустая стрелка. Переместите опорные 
и управляющие точки. Проследите, как изменяется кривизна контура. 





Рис. 8.5. Использование пустой стрелки для настройки контура 





Рис. 8.6. Различное положение управляющих линий и точек влияет на форму сегментов 
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Типы опорных точек 


При построении и редактировании контуров следует различать два типа опор- 
ных точек: 


Ф гладкую (зтооП); 
Ф угловую (сотег). 
Если в опорной точке управляющие линии двух независимых рядом стоящих 


сегментов лежат на одной прямой в связке, то такая опорная точка называется 
гладкой. Если такой связи нет, — точка угловая (рис. 8.7). 





Угловая 
опорная 
точка 





Гладкая 
опорная 
точка 


Рис. 8.7. Различие гладкой и угловой опорных точек 


Релактирование контуров 


Инструменты лля работы с контурами 


Для редактирования контуров используются определенные инструменты, часть 
из них находится в группе инструмента ”. Реп (Перо) (см. рис. 8.1). 
^. Окесё Зеесйоп (Частичное выделение). Выделяет опорные точки и сегмент 
для изменения формы контура. Изменяет кривизну контура за счет перемещения, 
управляющих точек, опорных точек, сегментов. Выполняет операции: 
Ф изменение формы сегмента (щелчок по сегменту + перемещение мыши); 
Ф выделение опорных точек (с помощью общелкивания с нажатой клавишей 
<5ШЁ> или обведением рамочкой); 
Ф перемещение выделенных опорных точек; 
Ф изменение формы кривой, воздействуя на управляющие точки и управляющие 
линии; 


Ф изменение скругления углов в объектах. 
> Реп (Перо) — первичный инструмент для работы с контурами. Обеспечивает 
высокую точность построения контуров. Кроме того, выполняет операции: 


Ф добавление сегмента (создание опорной точки); 
Ф замыкание контура (щелчок по начальной точке). 
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37 ‚ А99 Апспог Рошё (Добавление опорной точки). Добавляет опорную точку 
в сегмент контура. 


| #. Реее Апспог РошЕ (Удаление опорной точки). Удаляет опорную точку, не 
разрывая контур. 


| 09 Апспог РошЕ (Опорная точка). Изменяет тип опорной точки. Выполняет 
действия: 
Ф преобразование гладкой опорной точки в угловую (щелчок); 
Ф преобразование угловой опорной точки в гладкую (щелчок + перемещение 
мыши); 
Ф изменение формы кривой при изменении типа опорной точки (перемещение 
управляющей точки). 


Временный переход к другому инструменту при активном инструменте Реп 
(Перо) и других инструментах выполняется так, как представлено в табл. 8.1. 


Таблица 5.1. Временный переход к другому инструменту 


Инструмент, действие Инструмент 


р Положение курсора + А99 Апспог РошЕ (Перо-+) 
“ | над сегментом . 
Удерживая клавишу К Огест З@есйоп (Частичное выделение) 
<СИ]> а 
р `| Удерживая клавишу | К _ | Апевог Роше (Опорная точка) 
а < А> а 
ь. 


Упражнение 1. Редактирование примитивов 


\ 


1. Нарисуйте прямоугольник инструментом | [| | Кефбапе (Прямоугольник). 


2. Активизируйте инструмент м Апспог РошЕ (Опорная точка) и поднесите 
| р 
к верхнему прямолинейному сегменту прямоугольника (рис. 8.8). Появится 
т 
запрос на переключение на инструмент “У ‚ ВезВаре (Изменение формы). 
3. Когда вы потянете за сегмент, произойдет изменение сегмента из прямо- 
угольного в криволинейный (см. рис. 8.8). Если при этом держать клавишу 
<>, будут соблюдаться пропорции управляющих линий. 
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Рис. 8.8. Переключение на изменение формы сегмента 


Упражнение 2. Изменение типа точек 


1. Постройте эллипс инструментом ЕПрзе (Эллипс). Программа строит 
эллипс за четыре сегмента, все опорные точки — гладкие. 

2. Активизируйте инструмент Г, Апспог Роше (Опорная точка). Пощелкай- 
те по опорным точкам. Эллипс превратится в ромб с угловыми точками 
(рис. 8.9). 

3. Инструментом Апспог Рош (Опорная точка) из угловых точек сделаем гладкие. 
Для этого необходимо щелкнуть мышью по узлу и потянуть мышь, вытягивая 
управляющие линии. 


Рис. 8.9. Изменение типа точек при помоши инструмента АпсрВог Роге 


Созлание угловых точек в процессе построения кривых 


В данном примере вы создадите угловые точки в процессе построения кривой. 
Откройте файл-шаблон 1е$з0п5\Урок_8_Работа с кривыми Безье\Создание угловых точек.аи. 
Выполните пошагово действия, как нарисовано в файле (рис. 8.10): 
1. Активизируйте инструмент ”. Реп (Перо). 
2. Щелкните в точке / и, не отпуская левой кнопки мыши, потяните вверх. 
Отпустите мышь. 
3. Щелкните в точке 2 и, не отпуская левой кнопки мыши, потяните вниз. От- 
пустите мышь. 
Растягивая фигуры вверх-вниз, вы создаете управляющие линии, которые влия- 
ют на направление и кривизну сегментов. Например, в данный момент времени 
у вас будущий сегмент пойдет вдоль управляющей линии вниз. 
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Предположим, ваша задача — создать угловую точку и сегмент, проходящий 
рядом (аналогия арки). Тогда вы должны разрушить связь управляющих линий 
(тип гладкой точки) и переместить управляющую линию вверх. 


^ 
д А 
< 
ааа од ВЕНЕ ео 2}. 14. 2... И 2... :3_ 
р о а 
у у у 
Бай фон ооо рим 


Рис. 810. Создание угловых точек при построении 


1. При активном Нотт . ‚ Реп (Перо) нажмите клавишу <А[> и пере- 
ключитесь на инструмент №. ‚ Апспог Рой (Опорная точка) (о чем вам со- 
общит программа пиктограммой М). Улерживая клавишу <А|>, переместите 
управляющую линию вверх. Отпустите клавишу <АШ>, а затем — кнопку 


МЫШИ. 


2. Активизируйте инструмент ”. Реп (Перо), щелкните в точке 3 и потяните 
вниз (рис. 8.11). 





® 

Таким образом, вы выполнили изменение типа „ 
опорной точки, переключившись на другой ин- ы А 
струмент, и можете влюбой момент строить кривую 
любого уровня сложности, просто изменяя типы 1 в ов = 3 
точек и направление сегмента. 

В нижней части файла Создание угловых точек.а! 
выполните построение на предложенной схеме 
(см. рис. 8.11). 


<АН> ® ГМ. р ы 


Рис. 8.1. Общий алгоритм 


Упражнение «Цветок» 


В данном упражнении нарисуем объект, состоящий из четырех сегментов, а 
также потренируемся изменять угловые точки в процессе построения и замыкания 
кривой. 

Откройте файл-шаблон 1е$з0п$\Урок_8_ Работа с кривыми Безье\Цветочек.а/. 

Выполните пошагово действия, как нарисовано в файле (рис. 8.12): 

1. Активизируйте инструмент ^. Реп (Перо). 

2. Щелкните в точке [ и, не отпуская левой кнопки мыши, потяните вверх. 

Отпустите мышь. 





139 


АдоБе Шиз{гаог СС 2020. Мастер-класс Евгении Тучкевич 





3. Щелкните в точке 2 и, не отпуская левой кнопки мыши, потяните вниз. На- 
жмите клавишу <А[{>, переключитесь на инструмент Апсевог Рошё (Опорная 
точка). Удерживая клавишу <А[{>, переместите управляющую линию вправо. 
Отпустите клавишу <АЙ>, а затем отпустите кнопку мыши. 

4. Опять активизируйте инструмент Реп (Перо), щелкните в точке 3 и потяните 
влево. Нажмите клавишу <АЦ>, переместите управляющую линию вниз. От- 
пустите клавишу <А>, а затем отпустите кнопку мыши. 

5. Щелкните в точке 4 и потяните вверх. Нажмите клавишу <А[>, переместите 
управляющую линию вправо. Отпустите клавишу <А[>, а затем отпустите 


кнопку МЫШИ. 
. : 
/. 
1 12 <Аь 
пннаанни о нниным | и би Р\ 
Замыкание 
<А!> т 
№ 
в ь | роны ---- 4--9—= ВНИЕОРЗВРЧ 
4 : ‚3 <АН> 
<АН> | 
Тк 
: ь 


Рис. 8.12. Рисование иветочка 


6. Остается самая малость — замкнуть объект в начальной точке. Но программа 
при замыкании сформирует гладкую точку, что совершенно нам не надо. Если 
при замыкании удерживать клавишу <АЁ>, то создается угловая точка (легко 
запомнить: <А!> — альгернатива). 

7. С нажатой клавишей <А[> щелкните вточке [и потяните вправо! Отпустите 
клавишу <А[>, а затем отпустите кнопку мыши. 


Упражнение «Серлице за лве опорные точки» 


Как в известной передаче: «За сколько нот вы угадаете песню?» — «За сколько 
опорных точек вы нарисуете сердце?» За две сможете? 

В данном примере вы пером нарисуете сердце, состоящее из двух сегментов и 
двух опорных точек. Откройте файл-шаблон [е$$оп5\Урок 8_ Работа с кривыми Безье\ 
Сердце.а. Выполните пошагово действия, как нарисовано в файле. 
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1. Активизируйте инструмент Реп (Перо). 


2. Щелкните в точке / и, не отпуская левой кнопки мыши, потяните вверх 
влево. 


Отпустите мышь. (Заданы направление и кривизна одного из сегментов.) 


3. Щелкните в точке 2 и, не отпуская левой кнопки мыши, потяните вниз 
вправо. (Сформирован первый сегмент, задаются направление и кривизна 
второго сегмента.) 

4. Нажмите клавишу <А [> и переместите управляющую линию вверх влево до 
точки 3, симметрично правой линии. Отпустите клавишу <А[>, отпустите 
кнопку мыши. (Изменен тип опорной точки, задано новое направление 
сегмента.) 


5. Удерживая клавишу <А]{>, щелкните в начальной точке / сердца и потяните 
вниз вправо до точки 4. Отпустите клавишу <АЦ>, а затем отпустите кнопку 
мыши. (Сформирован второй сегмент с замыканием в угловую точку.) 


ь 





5 № | 
а ь <А!> 
Рис. 8.13. Рисование пером серлиа 


Создание векторного объекта по контуру растрового 
изображения 


Точность рисования векторного контура вокруг растрового изображения мо- 
жет пригодиться при создании векторных масок отсечения (как и в программе 
РпотозВор), а также для выполнения трассировки (векторизации) растрового изо- 
бражения. 

Откройте файл-шаблон 1е$50п5\Урок_8_Работа с кривыми Безье\Ракушка.а!. Выполните 
пошагово действия по шаблону файла (рис. 8.14): 

1. Активизируйте инструмент Реп (Перо). 


2. Щелкните вточке /[и, не отпуская левой кнопки мыши, потяните вниз вправо, 
задавая направление по касательной к ракушке. Отпустите кнопку мыши. 


3. Щелкните вточке 2и, не отпуская левой кнопки мыши, потяните вверх, сфор- 
мировав начальный сегмент. Не отпуская кнопки мыши, нажмите клавишу 
<АЦ>, переместите управляющую линию вверх влево по стрелке. (Изменен 
тип опорной точки, задано направление нового сегмента.) Отпустите клавишу 
<АЦ>, а затем отпустите кнопку мыши. 
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Рис. 8/4. Шаблон для создания контура вокруг объекта 


4. Щелкните в точке 3 и, не отпуская левой кнопки мыши, потяните по каса- 
тельной к объекту по стрелке. 
5. Те же действия выполните, создавая контур до точки 7. 
6. Улерживая клавишу <АЦШ>, шелкните в начальную точку /[, потянув внутрь 
объекта по стрелке. Контур будет замкнут. 
В случае необходимости точной настройки контура используйте пустую стрелку, 
переключившись на нее клавишей <С>. 


Использование операций релактирования 
опорных точек 


Если в рабочей области выделены опорные точки объекта, то в Соп@го] рапе] 
(Управляющей панели) или в палитре Ргорегие$ (Свойства) отображаются неко- 
торые операции редактирования контура (рис. 8.15). 


Г 





Рис. 8/15. Пиктограммы работы при вылеленных опорных точках 


142 


№» 4 = (= [ед = ей 4в == ЛУ === 





Пиктограммы операций редактирования опорных точек приведены в табл. 8.2. 


Пиктограмма 
операции 


ум 
= 


Таблица 8.2. Операции редактирования опорных точек 


Всплывающая подсказка 


СопуегЕ з@ес{ед апспог рош($ 
то согпег 


СопуегЕ з@ес{ед апспог рош{$ 
(0 $тоо 


ЭПО Пап е$ ог шире з@есе4 
апспог рош($ 


Не вап е$ ог шире з@есед 
апспог рош$ 


Ветоуе з@еспе4 апспог рошё$ 


СоппесЕ з@есед апд рош$ 


Сира! а 5@есе4 апспог рош$ 





Действие 


Конвертировать выделенную точку 
в угловую 


Конвертировать выделенную точку 
в гладкую 


Показывать управляющие линии 
для нескольких выделенных опор- 
ных точек 


Скрывать управляющие линии для 
нескольких выделенных опорных 
точек 


Удалить выделенные опорные 
ТОЧКИ 


Соединить выделенные конечные 
ТОЧКИ 


Разрезать контур по выделенным 
опорным точкам 


Операции с опорными точками 


Выравнивание опорных точек 


Для того чтобы выровнять несколько опорных точек по вертикали или по го- 
ризонтали, можно использовать команду ОЩес® | Рай | Ауегаге (Объект | Контур | 
Усреднение). Также для выравнивания опорных точек можно использовать пикто- 
граммы операции из палитры Айги (Выравнивание), расположенные вуправляющей 
панели и палитре Ргорег@е$ (Свойства). 


1. Активизируйте инструмент Г Реп (Перо). 
2. Создайте щелчками ломаную линию. 


о 

3. Выделите инструментом № Огес Зфесйоп (Частичное выделение) точки 
для выравнивания. Опорную точку, относительно которой необходимо вы- 
равнивать все остальные, нужно выделять последней. 


4. В управляющей панели щелкните по пиктограмме нужного типа выравни- 
вания (рис. 8.16). 
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Рис. 816. Выравнивание опорных точек 


Преобразование обволок в составные контуры 


При создании логотипов желательно окончательный вариант создавать без обво- 
док. Как же технически достигнуть визуального эффекта обводки при ее отсутствии 
в качестве атрибута? Ответ: надо использовать команды ОЩес® | Ра | Ои Ише Эгоке 
(Объект | Контур | Преобразовать обводку в контур). 

1. Создайте объект, например звезду с заливкой и достаточно большой обводкой 

(рис. 8.17). 

2. Выполните команду ОЩесе | Ра | ОиИше ЭгоКе (Объект | Контур | Преобра- 
зовать обводку в контур). Получаемый в результате составной контур груп- 
пируется с объектом, к которому применена заливка. Обратите внимание, 
как изменились › атрибуты группы (рис. 8.18). 

3. Инструментом Й Сгоир З@есйоп (Выделение в группе) разберите объекты 
в составе группы (рис. 8.18). 














Рис. 8.17. Объект-логотип 
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Рис. 818. Результат действия команлы — группа объектов 09ез обволки 


Создание лополнительного контура с отступом 


При создании макетовтак популярных магнитов на холодильник необыкновенно 
удобно использовать команду ОЩес | Ра | ОЁ$её Ра@ (Объект | Контур | Создать 
контур с отступом). При действии команды ваш контур остается без изменения, 
а также в дополнении образуется контур с отступом, который вами будет указан 
в диалоговом окне. Раскрасив дополнительный контур в черный цвет, вы указы- 
ваете, где будет магнит. Рассмотрим создание магнита на холодильник на примере 
известного мультгероя. 

1. Откройте файл 1е5зоп5\Урок_8_Работа с кривыми Безье\ОНзе{ Ра.а1. 

2. Выполните команду ОЩес{ | Ра | ОЙбе Ра (Объект | Контур | Создать контур 

с отступом). В диалоговом окне возможны выбор вида стыков (как в палитре 
эбгоке (Обводка)) и ввод расстояния до контура (рис. 8.19). 


МИыг ИИ: 4 


К обет 





Рис. 8.19. Созлание магнита мультперсонажа 
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3. Необходимо залить получившийся объект черным цветом и поместить сверху 
исходный персонаж. Макет магнита готов (см. рис. 8.19). 
С помошью данной команды преобразуется сеточный объект обратно в контур- 
ный объект (необходимо ввести ноль в качестве значения сдвига). 


Удаление мусора команлой С/еап Цр (Вычистить) 


Существует необходимая команда, которая позволяет вычистить из файла все 
«странным образом» полученные невидимые объекты и мусор, которые отобража- 
ются только в режиме ОицЯше (Макет). 

Команда ОЩесе | Ра | Сеап Ор (Объект | Контур | Вычистить) (рис. 8.20) уда- 
ляет: 

+ Этау Рош — одинокие точки; 
Ф Опраше ОЩес5 — незакрашенные объекты; 
+ Етрбу Тех( Ра@5$ — пустые текстовые блоки. 


пе -2* © 95,3755 (СМУКЛОи те)  Х 





Рис. 8.20. Диалоговое окно команлы Сеап Ур 


Разрезание объектов и контуров 


Для того чтобы разрезать объекты различными способами, используются ин- 
струменты группы Ега$ег (Резинка) (рис. 8.21). 


= Ф зе: Тоо! (НЕ) 
>© 560$ Тоо! = (С) 
И Кии 


Рис. 8.21. Группа инструментов для стирания и разрезания контуров 


Инструмент Ега$ег (Резинка) 


Работа данного инструмента похожа на аналогичный инструмент в программе 
обработки растровой графики АдоБе РПотозпор, когда стирание осуществляется 
движением с нажатой кнопкой мыши. 
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Ф Инструмент стирает части выделенных объектов, создавая замкнутые области. 

Ф Для стирания произвольных объектов снимите выделение со всех объектов. 

+ Изменение диаметра инструмента осуществляется «горячими» клавишами 
<> и <}>. 

Ф Для ограничения движения только по вертикали, горизонтали или диагонали 
перетаскивайте курсор с нажатой клавишей <ЗШЩ>. 


Ф Для создания области стирания вокруг объектов нажмите клавишу<А[> и пере- 
тащите курсор, будет задана прямоугольная область стирания. 


Ф Для того чтобы сделать область квадратной, перетаскивайте курсор с нажатыми 
клавишами <А> и <>. 


Инструмент Клйе (Нож) 
Перетащите курсор через тот объект, который вы хотите разрезать. Для того 


чтобы сделать разрез по прямой линии, удерживайте дополнительно клавишу <АЁ>. 
Результат выполнения команды — замкнутые объекты. 


Инструмент $с/550г$ (Ножницы) 


Позволяет «разрезать» любые контуры (за исключением текстовых) и получать 
открытые незамкнутые контуры. 


Соелинение лвух открытых контуров 


Соединить два контура или более по концевым точкам можно несколькими 

способами. Откройте файл 1е5зоп5\Урок_8_ Работа с кривыми Безье\от.аи. 

1-й способ соединения. 

1. Выделите оранжевый разомкнутый объект. 

2. Выполните команду из контекстного меню ош (Соединить). Соединение 
происходит по прямой линии. 

2-й способ соединения. 

Если контур разомкнут в нескольких местах (пример — машинка), используйте 

инструмент Реп (Перо). 

1. Поместите указатель на конечную точку открытого контура, который нужно 
соединить с другим контуром. Щелкните по конечной точке. 

2. Щелкните по конечной точке второго контура. 

3. Таким же образом соедините второй разрыв. 

3-й способ соединения. 

1. Выделите опорные точки, которые необходимо соединить. 

2. Выполните команду ОЩес® | Рай | от (Объект | Контур | Соединить). Соеди- 
нение произойдет по прямой линии. Соединять контуры также можно с по- 
мощью комбинации клавиш <С>+<]>. 

3. Если вы соедините две совпадающие концевые точки (т. е. точки, расположен- 
ные одна поверх другой), то они будут заменены одной опорной точкой. 


ВНИМАНИЕ! — Важно помнить, что объекты не должны быть сгруппированы! 





147 





АдоБе Шизгаог СС 2020. Мастер-класс Евгении Тучкевич 


Залания лля самостоятельной работы 


Откройте файл [е$5опз\Урок_8_ Работа с кривыми Безье\Задание на кривые... Используя 
инструмент Реп (Перо), нарисуйте данные объекты (рис. 8.22). 

Инструментом Реп (Перо) вы можете создавать теперь любые формы, линии, 
объекты. Примером использования данного инструмента служит «стильный чело- 
век» из файла [е$50п5\Урок_8_ Работа с кривыми Безье\Стильный человек.а! (рис.8.23). 





Рис. 8.22. Залание на освоение темы 





У 


\ 


Рис. 8.23. Залание «Стильный человек» 
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УРОК 9 





Гралиентная сетка 







Сышгтия: 4 
Арреагапсе: Ра 
НЮРВОНЕ 100% 


Огафет Мезй (Градиентная сетка) стирает визуальную разницу между векто- 
ром и растром, как технология создания плавного тонового перехода по кривой, 
что так характерно для фотоизображений. С другой стороны, трудоемкость по 
созданию сеточных объектов несравнима с аналогичным рисованием в растровых 
редакторах, и этот факт делает заказы на данную тему редкими и возможными в 
исключительных случаях. 

Для начинающих пользователей применение градиентной сетки — шанс по- 
чувствовать цвет в распределении его по опорным точкам, для профессионалов — 
возможность создать прекрасное портфолио. 

В этом уроке вы узнаете: 
> способы создания градиентной сетки; 
<> как раскрасить узлы сетки; 
> окиборге, шлеме и доспехах; 
> очем стоит помнить, готовя сетку к печати. 
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Что такое гралиентная сетка? 


Смысл сеточного объекта в фотореалистичности, что характеризует скорее рас- 
тровую графику, чем плоскую векторную. @таФет Мез$В (Градиентная сетка) — это 
цветовой переход по криволинейному сегменту во множественном значении сетки. 
При создании сеточного объекта линии сетки образуют решетку из опорных точек. 
С их помощью можно легко изменять цветовые переходы в объекте. Перемещая 
и редактируя опорные точки на линиях сетки, можно изменить интенсивность 
цветового перехода. 

Откройте файл 1е$оп5\Урок_9 Градиентная сетка\Виноград.а! (рис. 9.1). Обратите вни- 
мание на фотореалистичность изображения. Перейдите в режим ОиИше (Макет), 
и вы увидите каркас сетки объектов. 





Рис. 9.1. Пример сеточного объекта 


При создании сеточного объекта необходимо помнить следующие правила. 

+ Возможно создание сеточного объекта из векторных объектов, за исключением 
составных контуров и текстовых объектов. Нельзя создавать сеточные объекты 
из связанных изображений. 

+ Максимально упрощайте составные части проекта. Лучше и проще создать не- 
сколько небольших несложных сеточных объектов. Данное правило упрощает 
вашу работу и скорость прорисовки компьютером. 

Ф При печати сеточных объектов рекомендуется растрировать объект до вывода в 
Роз спре. Данное правило связано со сложностью математического представ- 
ления в программе. 

+ Сеточные объекты не имеют атрибута обводки. 

Ф Сеточные объекты нельзя отменить. 
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Способы созлания сеточного объекта 


Созлание сеточного объекта при помоши инструмента 
Мезп (Сетка) 


Данный способ использует инструмент [2] Мезй (Сетка) <Ц>. 

1. Откройте файл 1е$зоп5\Урок 9 Градиентная сетка\Капля.а!. В файле два объекта. 
Слева — стартовый объект голубого цвета. Задача — создать с помошью 
инструмента Мезй (Сетка) и цветов, сохраненных для вас в палитре эмасеве$ 
(Образцы), копию правой капли. 

2. Используя 5Зтаг @Си4е$ (Умные направляющие), подсветите сетку правого 
объекта (то же можно сделать, используя режим ОиЯше (Макет)). 

3. Активизируйте инструмент МезВ (Сетка). Щелкните в точке, где необходимо 
расположить первый узел сетки. Объект преобразуется в сетчатый объект с 
минимальным числом линий сетки. Цвет объекта не изменится (цвета узлов 
сетки совпадают со стартовым цветом объекта). 

4. Добавьте дополнительные узлы сетки щелчком в нужных точках (рис. 9.2). 


Л 





Рис. 9.2. Созлание сеточного объекта 


[И == 


п. ка ншышча 





Рис. 9.3. Присвоение цвета узлам сетки 
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5. Изменим цвет узлов сетки. Для этого надо выделить необходимый узел ин- 
струментом №. ПгесЕ Заесйоп (Частичное выделение) и присвоить цвет из 


палитры Эмаейе$ (Образцы) (рис. 9.3). 

Узлы сетки обладают всеми свойствами опорной точки, а также свойством цве- 
товой характеристики. Можно добавлять и удалять узлы сетки, редактировать их 
или изменять цвет, связанный с каждым из узлов сетки. 

Участок между любыми четырьмя узлами сетки называется контуром сетки. 
Для того чтобы удалить узел сетки, щелкните по нему инструментом МезВ (Сетка), 
удерживая нажатой клавишу <А[>. 

Для того чтобы переместить узел сетки, перетащите его инструментом Ме$Ь 
(Сетка) или Ошес Э@есйоп (Частичное выделение). 


Использование команлы Сгеа Сга еп Ме$п 
(Создать гралиентную сетку) 


Данный способ считается наиболее профессиональным, потому что вы получаете 

сетку с регулярной схемой узлов по форме стартового объекта. 

1. Создайте новый документ. 

2. Нарисуйте эллипс синего цвета (чтобы была возможность увидеть разницу 
в подсветке). 

3. Выполните команду ОЩесе | Сгеже СгаФепте МезН (Объект | Создать гради- 
ентную сетку). Диалоговое окно команды содержит запрос на количество 
Вомз (Рядов) и Сошти$ (Столбцов) сетки, а также возможность подсветки в 
раскрывающемся списке Арреагапсе (Оформление) (рис. 9.4): 


Сгез\е СгабТептЕ МезВ 


Во: 4 
Сомтп5: 4 
Арреагапсе: Ра! 


НОРбоВЕ 100% 


о 





Рис. 9.4. Диалоговое окно команлы Сгеае Сгадеп Мезр 


е Наб (Равномерно) — применяет исходный цвет объекта равномерно по 
всей поверхности, в результате чего подсветка не создается; 


е То Сещег (К центру) — создает подсветку в центре объекта; 
е То Еёое (К краям) — создает подсветку по краям объекта. 


Совместно с данным способом вы можете добавлять и удалять впоследствии 
узлы сетки при помощи инструмента МезВ (Сетка). 
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Присвойте цвет узлам сетки, выделяя точки инструментом ПОшесЕ З@аесйоп 
(Частичное выделение) и присваивая каждой точке цвет из палитры Эмаейе$ (Об- 
разцы) (рис. 9.5). 





Рис. 9.5. Присвоение цвета узлам сетки 


Киборг из гралиентной сетки 


Данный пример создал успешный дизайнер, мой ученик Евгений Румянцев 
(рис. 9.6). В этом уроке используется своеобразный симбиоз нескольких тем: ма- 
скирование, градиентная заливка и градиентная сетка. Важным в данном примере 
является то, что проект создан из простых сеточных объектов. Таким образом, со- 
блюдено правило максимального упрощения сетки. 

Результат данной работы приведен в файле [е$5оп$\Урок_9 Градиентная сетка\Киборг_ 


автор Румянцев.а!. 
я 
& 
к“ -\ 





Рис. 9.6. Киборг 
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Итак: 


|1 
— 





4. 
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Создайте новый документ. 

Если вы желаете сами находиться внутри киборга, то ничего лучше не при- 
думать, как взять свою растровую фотографию и поместить внутрь. Для этого 
необходимо заранее сделать съемку нужного ракурса. 

Командой ЕЙе | Расе (Файл | Поместить) поместите фотографию (подробную 
информацию о маскировании растровых объектов вы получите в дальнейших 
уроках). 


. Обведя, как можно точнее, голову инструментом Реп (Перо), выделите фото- 


графию и контур. Выполните команду ОЩес | Сйррше МафК | Маке (Объект | 
Отсекающая маска | Создать) (рис. 9.7) 





Рис. 9.7. Созлание отсекаюшей маски лля растра 


Далее следует создать примерный силуэт будущей фигуры. Грубый набросок 
не будет ничего иметь общего с окончательным вариантом. Это лишь возмож- 
ность представлять фигуру и вести прорисовку деталей в нужном направле- 
нии. Набросок будет строиться вокруг головы. Совершенно не обязательно 
набросок делать красивым (рис. 9.8). 


. Создайте новый слой для трассировки костюма. Поверх наброска создается 


отдельно каждая деталь костюма. Старайтесь делать так, чтобы между дета- 
лями не было пустого пространства, а также чтобы не было резких переходов 
цвета. Композиция должна оставаться в единой цветовой тональности. При 
создании градиентной сетки командой ОЩес® | Сгеже Сгафеш МезВ (Объект 
| Создать градиентную сетку) необходимо использовать стартовое значение 
Воуз (Рядов) и Сошти$ (Столбцов) 4х4 (рис. 9.9). 


. Выбирая цвета для узлов сетки, не забывайте добавлять их в палитру эма&еве$ 


(Образцы). Для реалистичности изображения необходимо определить воз- 
можный источник света в сцене. От этого будет зависеть распределение 
цветовых переходов в сетке. 


№2] $ В Ш» 7 [= ини (= [2 «= <= 








Рис. 9.9. Молификация сеточных объектов в детали костюма 
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7. Возможно использование деталей, содержащих области прозрачности, на- 
пример, в шлеме (рис. 9.10). 
$. Резульгат работы выглядит впечатляюще (рис. 9.11). 





Рис. 910. Использование прозрачности в летали шлема 





Рис. 9.1. Киборг из гралиентных сеток 
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УРОК 10 





Рисование по силуэту 





В последующей серии уроков модуля «Гехники рисования» мы рассмотрим 
различные техники рисования. 

Стандартная техника заключается в том, что Шигаог размещает объекты по- 
следовательно, начиная с первого нарисованного объекта. Размещение объектов 
определяет порядок их отображения при наложении. Проблема построения объ- 
ектов в данной технике — сообразить, в какой последовательности нарисовать и 
как перекрыть объекты, и самая главная — одинаковая обводка объекта. 

Рисование по силуэту — это создание иллюстрации поверх базового контура 
всего изображения целиком (силуэта), при котором все цветные объекты рисуют- 
ся поверх. Эта техника позволяет создать контуры, плавающая ширина которых 
определяется расстоянием между объектами, что придает контуру большую деко- 
ративность и в дальнейшем облегчает его редактирование. 

В этом уроке вы узнаете: 
> вчем неудобство стандартной техники рисования; 
=> что такое «рисование на силуэте»; 
> овыполнении сложного проекта в слоях; 
> как в данной технике пошагово нарисовать гриб. 
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Техники рисования в программе 


Станлартная техника 


При рисовании в стандартном режиме новый объект создается прямо над ста- 
рым объектом. Таким образом формируется «стопка» объектов в зависимости от 
времени их создания. Вы можете изменить порядок следования объектов командой 
Аггапое (Монтаж). 

Вторая важная отличительная черта стандартного метода рисования заключа- 
ется в том, что каждый объект имеет свои индивидуальные атрибуты: обводку и 
заливку. Обводка у каждого объекта заданной толщины одинаковая (!) по всему 
объекту. Необходимо помнить, что при масштабировании с помощью Воипаше Вох 
(Табаритного контейнера) толщина обводки не учитывается, что может привести 
к ужасному результату. Таким способом рисуется достаточно большое количество 
иллюстраций (рис. 10.1). 





Рис. 101. Иллюстрация, созданная станлартным способом 
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Рисование по силуэту 


Рисование по силуэту — это создание иллюстрации поверх базового контура 
всего изображения целиком (силуэта), при котором все цветные объекты рисуют- 
ся поверх. Эта техника позволяет создать контуры, плавающая ширина которых 
определяется расстоянием между объектами, что придает контуру большую деко- 
ративность и в дальнейшем облегчает его редактирование (рис. 10.2). 








м 


стадии 


= == 





Рис. 10.2. Рисование по силуэту (автор — О. Корлюкова) 


159 


АдоБе Шизга ог СС 2020. Мастер-класс Евгении Тучкевич 





Рис. 10.3. Моряк Попай 





Принцип рисования по силуэту наблюдается в 
большинстве комиксов. Одним из первых на свет 
появился моряк Попай (англ. Рореуе Фе ЗаПог) благо- 
даря комиксам «ГитЫе ТВезге» и их создателю Элзи 
Сегару. История бравого матроса началась 17 января 
1929 года (рис. 10.3). 

При рисовании по силуэту большинству из нас ну- 
жен подготовительный этап — создание первоначаль- 
ного эскиза. Если планируется относительно простая 
иллюстрация, то можно сразу создавать силуэт, держа 
конечную картинку в голове. 

Рассмотрим самый простой пример: нарисуем 
кубик по силуэту. 


Рисование кубика по силуэту 


1. Создайте новый документ. 
2. Инструментом Реп (Перо) нарисуйте общий контур — силуэт, залейте его 
черным цветом, обводки нет. 


3. Поверх черного силуэта нарисуйте объекты-грани, залитые пока одним 


цветом. 


4. Закрасьте грани-объекты разными оттенками одного и того же цвета, с учетом 
виртуального источника света. Данные этапы приведены на рис. 10.4. 

5. Нарисуйте инструментом Реп (Перо) остальные элементы: блики на гранях, 
точки на кубике. Точки закрасьте в яркий цвет — для удобства (рис. 10.5). 

6. Используя палитру Райпдег (Обработка контуров), вычтите яркие точки из 
поверхностей (рис. 10.6). 


>> Источник 
Их 
света 





Рис. 10.4. Рисование граней кубика по силуэту 





Рис. 10.5. Этапы рисования игрального кубика 
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Рис. 10.6. Создание отверстий с помошью палитры Ра йпдег 


Игральный кубик готов! 

В файле 1е$5оп5\Урок_10_Рисование по силуэту\Кубик и Петрушка.а!вы можете посмотреть 
наш игральный кубик, сделанный таким способом. 

В этом же файле нарисован силуэт Петрушки и результат созданного по этому 
силуэту персонажа (рис. 10.7). 





Рис. 10.7. Петрушка и его силуэт 


Проект «Гриб» 


Рассмотрим технику рисования по силуэту на примере создания иллюстрации 
«Гриб». Проект максимально приближен к профессиональной работе. 

В данном примере мы будем использовать работу в слоях, как самую удобную 
методику трассировки (векторизации изображения). Более подробно о слоях вы 
узнаете в последующих уроках. 

Итоговый гриб и стартовый эскиз находятся в файле 1е$5оп$\Урок_10_ Рисование по 
силуэту\Гриб.а!. 


Создание силуэта по эскизу 


1. Набросайте эскиз будущего гриба на бумаге. Возможно, вы будете использо- 
вать для эскиза любую из привычных вам программ для создания скетчей. 


2. Отсканируйте эскиз и поместите его командой ЕЙе | Р1асе (Файл | Поместить) 
в рабочую область нашего нового документа «Гриб». 
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Поскольку никаких манипуляций с эскизом в дальнейшем мы проводить не 
будем, в диалоговом окне, вызываемом командой ЕИе | Расе (Файл | Поме- 
стить), поставьте флажок Тетр!ае (Шаблон). Таким образом, слой с изобра- 
жением окажется сразу заблокированным и расположенным на специальном 
слое для трассировки контура (рис. 10.8). 

3. В палитре Глауег$ (Слои) переименуйте слой в зКесй _]еуе 1. 

4. Следующим этапом идет ручная трассировка эскиза по контуру. Таким об- 
разом, вы получите необходимый силуэт. 

5. Создайте в палитре Глуег$ (Слои) новый слой МШасКк _]еуе2. 


ре. М 


\) р 





Рис. 10.8. Эскиз гриба Рис. 10.9. Векторный силуэт гриба 


6. Инструментом Реп (Перо) обведите импортированное изображение по внеш- 
нему контуру так, чтобы в итоге получился замкнутый контур. После всех 
действий слой МасК _]еуе]2 заблокируйте (рис. 10.9). 

В процессе ручной трассировки могут возникнуть затруднения в случаях, когда 

еще незамкнутый контур начинает закрывать собой часть трассируемого эскиза. Во 
избежание таких проблем отмените заливку, оставив только контур. 


Рисование леталей внутри силуэта 


1. Создайте новый слой с названием о]есё$_1еуе!3. 

2. Инструментом Реп (Перо) отрисуйте части гриба, которые находятся внутри 
силуэта. Во время рисования внутренних деталей не забывайте, что расстояние 
между ними и от края силуэта в дальнейшем и будет выглядеть как контур 
плавающей толщины. Соразмеряйте эти промежутки, чтобы мелкие детали 
одного объекта не отстояли слишком далеко друг от друга, а крупные, наобо- 
рот, имели между собой четкую границу достаточной ширины. 
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Этот этап по праву можно назвать самым сложным в рассматриваемой технике, 
поскольку он требует от вас внимательного отношения к взаимодействию контура 
с объектами и соответствие этого тандема вашей иллюстрации. 

Когда все детали иллюстрации будут отрисованы, обязательно посмотрите на всю 
картинку в целом, изменив масштаб просмотра на 100%. Такое действие поможет 
вам оценить правильность соотношения расстояний между объектами и сгладить 
все неровности рисования (рис. 10.10). 





Рис. 1010. Отрисовка леталей на отдельном слое 


Чем дальше в перспективе расположен объект, тем тоньше его контур. Соот- 
ветственно, если объект находится на переднем плане, его контур должен быть 
шире, чем у остальных. 


Работа с цветом 


Всем серым объектам назначаем выбранные вами цвета заливки (ВП). Очень 
удобно использовать для этого готовые Э\маей Ггамез (Библиотеки образцов), 
а также инструмент @тгаФепЕ (Градиент). Не забывайте в начале работы с цветом 
определиться с источником и направлением освещения. От этого зависят цвет и 
насыщенность теней. 

В нашем случае гриб стоит под открытым небом (отсюда голубоватые рефлексы 
на шляпке) и освещается сверху естественным полуденным освещением. 

Если объект слишком большой (как в случае со шляпкой нашего гриба), и при- 
менить к нему один градиент с учетом всего, что предполагает наше освещение, мы 
не сможем, то следует наложить поверх такого объекта более мелкие детали. Они 
будут окрашены градиентной заливкой от требуемого цвета (голубоватого цвета 
рефлекса) до цвета шляпки в месте спадения голубого рефлекса. Это добавит вам 
работы по подбору цвета для градиента, зато живописный эффект налицо! 

По такому же принципу «дополнительного объекта» следует накладывать тени, 
блики и отражения. Подбор цвета для перехода цветового пятна в цвет крупного 
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объекта избавит вас от применения режимов наложения и изменения прозрачности 
и, как следствие, головной боли при подготовке иллюстрации к печати. 

Не забудьте по завершении работы с цветом вернуть силуэту подложки 
100-процентную непрозрачность и подобрать верный цвет. Вы можете использовать 
для заливки этого силуэта не только простую заливку, но и любой подходящий для 
ваших целей градиент. Это добавит вашей иллюстрации декоративности, а во многих 
случаях сделает контур визуально легче, иллюстрацию воздушнее. 


Летали в иллюстрации 


В новом слое сар_1еуе14 при помощи инструментов Реп (Перо) нарисуйте текстуру 
ножки боровика, нижнюю губчатую часть шляпки, а также исчерченность травы 
на переднем плане и листика на шляпке (рис. 10.11). 


Е ое 
БСК _Мниы ое 
ВкеьН_ ние О 





римча 


Рис. 10.1. Детали ножки и листьев гриба 


Залний план 


1. Создайте слой Басе _1еу@5. 
2. Поместите его ниже всех слоев (кроме слоя $Кесй 1еу@1). 


3. Нарисуйте там овал, закрасив несложным трехцветным градиентом. 

Добавьте инструментом В1ю-Вги$В (Кисть-клякса) траву с одноцветной залив- 
кой и обводкой цвета вашего силуэта. Цвет заливки травы подбирайте на два тона 
светлее и менее насыщенный, чем цвет травы на силуэте. Такой прием разместит 
только что нарисованную траву визуально на задний план (рис. 10.12). 

При создании эскиза, подборе цвета и толщины контура помните, что ваша 
иллюстрация должна производить нужное впечатление. Его должна определять не 
техника исполнения, а цветовое и композиционное решение! 
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Рис. 1012. Создание залнего плана 





Рис. 10.13. Пример техники на силуэте 1] 


165 





Пример техники на силуэте 3 
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УРОК П 





Быстрая заливка 





Пуе РашЕ (Быстрая заливка) — это интуитивный способ создания цветных рисун- 
ков. Он позволяет использовать весь диапазон инструментов векторного рисования 
программы Шиятгаюг, но при этом считает все нарисованные контуры лежащими 
на одной плоской поверхности. Это означает, что не существует понятия «стопка 
объектов». Вместо этого поверхность рисунка разделяется контурами на участки, 
клюбому из которых может быть применен цвет независимо от того, ограничен ли 
этот участок одним контуром или сегментами нескольких контуров. Раскрашивание 
объектов таким способом подобно рисованию в книжке-раскраске. 


В этом уроке вы узнаете: 


> как использовать и настраивать части группы Шуе РашЕ (Быстрая заливка); 
> где изменять зазоры, случайно оставленные при рисовании; 
> как быстро нарисовать витраж. 
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Рисование с использованием [Ле РапЕ 
(Быстрая заливка) 


Созлание группы быстрой заливки 


1. Создайте новый документ. 
2. Инструментом Г Реп (Перо) нарисуйте произвольный галстук (рис. 11.1). 


3. Инструментом д Ппе (Линия) задайте отрезки, пересекающие галстук 
(см. рис. 11.1). | 
4. Инструментом р э@есйоп (Выделение) выделите объекты. 


5. Выполните команду ОЩесе | Тлуе Рани | Маке (Объект | Быстрая заливка | 
Создать). 





Рис. 1.1. Создание группы быстрой заливки 


6. Инструментом ‘2. Глуе РашЕ ВисКеё (Ведро быстрой заливки) закрасьте 
полученные объекты, используя образцы заливки из палитры Змаевез (Об- 
разцы) (рис. 11.2). 

Получился нарядный галстук. 

7. Файл с галстуком как Шуе Рай ОСгоир (Группа быстрой заливки) — 1е$50п$\ 
Урок _11_ Быстрая заливка\Галстук.а!. 





Рис. 1.2. Закраска с помошью инструмента Ц\уе Раш Виске 
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Урок 1. Быстрая заливка 





Ограничения возможностей быстрой заливки 


Атрибуты объектов привязаны к краям и фрагментам в группе с быстрой залив- 
кой, ане к реальным контурам, определяющим их как в других объектах Шазгаог. 
Поэтому некоторые функции и команды работают иначе или не применимы к кон- 
турам в группе с быстрой заливкой. 


Что не применимо к группам с быстрой заливкой: 
Огафет МезВ (Градиентная сетка); 


$утро|5 (Символы); 
выравнивание обводки из палитры Э@гоКе (Обводка); 


$ ФФ $ 


инструмент Мазес Умапд (Волшебная палочка). 

Команды, не применимые к группам с быстрой заливкой: 
Стеже СтаФепе Мезй (Создать градиентную сетку); 
Опц@ше 5тоКе (Преобразовать обводку в кривые); 

Ехрапа (Разобрать); 

Вепд (Команда и инструмент); 


$ ФФ хх 


Сйррше МазК (Отсекающая маска). 


Релактирование группы быстрой заливки 


Для выделения и редактирования объектов внутри группы быстрой заливки 
используется несколько инструментов: 

+ | №. ПгесЕ З@есйоп (Частичное выделение) — изменение формы векторных 
контуров, входящих в группу; 

$ | № Отоир э@есйоп (Выделение в группе) — изменение положения элементов 
группы; 

+ 2 Плуе РашЕ Виске (Ведро быстрой заливки) — перекрашивание объектов 
внутри группы. Если использовать этот инструмент, удерживая нажатой клави- 
шу <5ШИ>, то он превращается в кисточку, что позволяет назначать параметры 
обводки; 

+ | С. Пуе Раш э@есйоп (Выделение быстрой заливки) — выделение заливок 
и обводок внутри группы и изменение их свойств. 

Почувствуем всю необычность закраски областей цветом в группе быстрой за- 
ЛИВКИ. РЕ 

Воспользуйтесь инструментом № Отоир Э@есйоп (Выделение в группе) — из- 
мените положение линии, разделяющей галстук, и вы увидите, что части узорной 
заливки тоже сместились (рис. 11.3). 


169 


АдоБе Шигаог СС 2020. Мастер-класс Евгении Тучкевич 





Рис. 1.3. Релактирование линий в группе 


Раскрашивание с помошью инструмента 
[Ле РапЕ Виске (Велро быстрой заливки) 


С помощью инструмента 2 Пуе РашЕ ВисКее (Ведро быстрой заливки) можно 
раскрашивать фрагменты и края в группах с быстрой заливкой, применяя атрибуты 
текущей заливки и обводки. Курсор инструмента отображается в виде одного или 
трех цветных квадратов, представляющих выбранный цвет заливки или обводки, а 
также, если используются цвета из палитры Эма@еВе$ (Образцы), два цвета, смежных 
с выбранным цветом в палитре. Можно получить доступ к смежным цветам, а также 
к цветам, следующим за ними, нажимая клавиши <<> или <-»>. 

Для того чтобы раскрасить ребро, дважды щелкните по инструменту Шуе Раш 
ВискеЕ (Ведро быстрой заливки), вызвав настройки инструмента. 

Установите флажок Раш э@гоКе$ (Закрашивать обводки) (рис. 11.4) или времен- 
но переключитесь в режим Рай\( э@гоКе$ (Закрашивать обводки), нажав клавишу 
<>. При раскрашивании ребер курсор принимает вид кисточки \“ 


Цуе Рани ВискеЕ Орболз 
Орбоп5 
Ра 25 Рае боКе5 


Сигзог Зиайо Ргелели 


НОМЮМ 


Сокг: МОРЕ Вед “- М 


УМО: > 4 рх 








Рис. 1.4. Выбор режима Раш 5гокез 
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Замыкание зазоров 


Зазор (гар) — это возможная нестыковка контуров между собой. При этом в дан- 
ной технике можно регулировать заливку областей и настраивать минимальные 
размеры зазоров. 

Предположим, линия на галстуке не дошла до края области (рис. 11.5). Командой 
главного меню ОЩес® | Глуе Раш | Сар Орбоп$ (Объект | Быстрая заливка | Настройки 
зазора) или кнопкой в управляющей панели вызовите диалоговое окно настроек 
зазоров (см. рис. 11.5). Вы можете указать величину и подсветку области зазоров. 

Зазоров в аккуратной работе быть не должно! 


бар Риемем Сокс: ЦОП Вед 


6эр$ Роупд: 2 


Фут» Варе весь Вы сару Фаищесвкыл орёселер Рог БРые рефансиы] Гличе РывтЕ бриснары- 
Трере орботе сРгие Коли Вы Плле Рызгй: ВыслеЕ ат? Плме Рабле БНиновкт 





Рис. 1.5. Диалоговое окно настроек зазоров 


Разбор или отмена группы с быстрой заливкой 


Расформирование группы с быстрой заливкой преобразует ее в один или несколь- 
ко обычных контуров без заливки и с обводкой черного цвета толщиной 0,5 пт. 
1. Выделите группу с быстрой заливкой. 
2. Выберите команду ОЩес | Глуе Раш | Ехрапд (Объект | Быстрая заливка | Разо- 
брать). 
3. Для того чтобы расформировать группу, выполните команду ОЩес | Тлуе Раш | 
Вееазе (Объект | Быстрая заливка | Отменить). 


Проект «Витраж» 


Тема техник рисования может быть использована при выполнении домашнего 
задания на тему «Витраж». 

Витраж (упгазе — остекление) — произведение декоративного искусства изо- 
бразительного или орнаментального характера из цветного стекла, рассчитанное 
на сквозное освещение и предназначенное для заполнения проема, чаще всего 
оконного, в каком-либо архитектурном сооружении. 
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Примеры витражей, выполненных на курсе Шагаог, приведены в папке [е$$0п$\ 
Урок_11_Быстрая заливка\Примеры витражей (рис. 11.6). 


Г Ра 








Рис. 1.6. Примеры витражей 


1. Откройте файл 1е$5оп$\Урок_10_Быстрая заливка\Витраж_$ап.а! (рис. 11.7). Предпо- 
ложим, вы уже сделали набросок витража инструментом Реп (Перо). 


Рис. П.У. Линейный рисунок витража 





Помните, что необходимо откоррек- 
тировать итоговые контуры, чтобы не 
было «недотянутых» контуров (зазоров) 
или слишком маленьких областей пере- 
сечения. 


. Выделите все контуры. Выбрав инстру- 


мент 1 Гуе Ранее ВискеЕе (Ведро бы- 
строй заливки), щелкните по выделенным 
объектам. Будет создан объект Шуе Раш 
@тоир (Группа быстрой заливки). 


. При активном инструменте Шлуе Раш 


ВисКеЕ (Ведро быстрой заливки) нажмите 
клавишу <АШ>, чтобы копировать цвет 
(курсор изменится на пипетку). Удержи- 
вая нажатой клавишу <АЦ>, пипеткой 
скопируйте цвет с растровой картинки. 
Отпустите клавишу <АН>, инструментом 
Пуе Раш ВисКее залейте область витража 
(рис. 11.8). 

































































сх 4 


Копирование ивета — закрашивание по образцу 


4. Раскрасьте весь витраж. 











5. Если вы уверены, что ничего больше не надо корректировать, объект Шуе Раш 
Отоир (Группа быстрой заливки) необходимо разобрать. Примените команду 
главного меню ОЩес® | Глуе Раш | Ехрапд (Объект | Быстрая заливка | Разобрать) 
или нажмите кнопку Ехрапа (Разобрать)  ехрапа В Управляющей панели. 


Примеры работ на тему «Витраж» приведены на рис. 11.9—11.12. 
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Пример витража 
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Пример витража 3 
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УРОК 12 





Трассировка изображений 


Сопуей$ итаде и\ю Тгасиу оБес 






та чаем Соке } 


У\Уем Тктио Вы “ Ф 


Мофе Сом ы 


Фот тие “ 





В предыдущих версиях программы Шазтгаог была доступной возможность им- 
портирования растровых изображений, а инструмент Аи Тгасе (Автотрассировка) 
позволял преобразовывать эти изображения в элементы векторной графики. Однако 
новый инструмент Ппазе Ттасе (Трассировка изображения) принципиальным об- 
разом отличается от старого инструмента Аи Ттасе. 

Пласе Тгасе (Трассировка изображения) использует информацию о цвете или 
контрастности импортированного растрового изображения для создания конту- 


ров и опорных точек, преобразуя, таким образом, исходную растровую графику к 
векторному виду. 


В этом уроке вы узнаете: 
= трассировка — удобство или нет; 


=> о режимах трассировки и их влиянии на визуальное представление; 
=> как быстро нарисовать порше; 


=> как за несколько секунд получить 2939 контуров и 19 844 точек. 
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Инструмент /таде Тгасе 
(Трассировка изображения) 


В программе Шизегаог предусмотрена возможность создания новых изображений 
на основе существующих (аналогия копирования через кальку). 

Трассировка (векторизация) изображений — операция преобразования растровых 
объектов в векторные. 

В зависимости от происхождения оригинала вы можете использоватьтри способа 
трассировки изображений: 

+ посредством команды меню ОЩес | Шпазе Тгасе (Объект | Трассировка изобра- 
жения); 
Ф лля достижения наилучших результатов — вручную с помощью инструмента 

Реп (Перо); 

Ф воспользовавшись специализированными программами, такими как АдоБе 
э(театйпе, Соге] Тгасе. 

Задаваемые в диалоговом окне Ппазе Тгасе (Трассировка изображения) параме- 
тры позволяют определить, насколько точно получаемое на выходе векторное изо- 
бражение должно соответствовать исходному растровому. Можно, таким образом, 
получать векторные изображения как внешне практически ничем не отличающиеся 
от исходных растровых, так и изображения, напоминающие грубые эскизы и со- 
стоящие всего из нескольких широких одноцветных областей. 





Рис. 12.1. Пример трассированного изображения 
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На рис. 12.1 представлен пример Адофе, часть которого (сидящий мальчик) 
выполнена быстрой трассировкой. Обратите внимание на фотореалистичность 
изображения в режиме Ргемем (Иллюстрация) и огромное количество контуров в 
режиме Ои Ише (Макет). 

Данный файл — 1е$зоп5\Урок_12_Трассировка изображений\райтег.а!. 


Примеры использования 


Трассировка черно-белого изображения 
1. Откройте изображение 1е$5оп5\Урок_12_Трассировка изображений\адобетап.а!. Это 
черно-белое растровое изображение. 
2. Выполните команду главного меню ОЩес® | Ппазе Тгасе (Объект | Трассировка 
изображения). 
3. Разберите получившийся результат командой ОЩесе | Ппаге Тгасе | Ехрапа 
(Объект | Трассировка изображения | Разобрать) (рис. 12.2). 


4. Получилось черно-белое векторное изображение, неплохо выглядящее в 
режиме Ои@ше (Макет) в масштабе 600%. 





1. ОБес{ | |таде Тгасе | МаКе 
м 


2. ОЩес! | |таде Тгасе | Ехрапа 


Рис. 12.2. Пример черно-белого трассированного изображения 
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Трассировка цветного изображения 


1. Откройте изображение из файла 1е5з0п$\Урок_12_Трассировка изображений\гастоа 
орйоп$.а!. Это цветная растровая машинка. 

2. В управляющей панели щелкните по кнопке трассировки (рис. 12.3). И вы 
получите черно-белый кошмар (рис. 12.4). 

3. Вызовите кнопкой управляющей панели настройки трассировки. Вы увидите, 
что установлен черно-белый режим трассировки. В нижней части диалого- 
вого окна отображаются векторные характеристики получившегося контура: 
$8 Ра5 (Контуров), 1038 Апсвог$ (Точек). 


Ма Сор таре Орабку: 10% > 1: 5 Жо 





Рис. 12.3. Кнопка таде Тгасе 


пыьде Тгасе 
э а шо 


Ривчей: [Себаый] а 
Митин  Тезскьо Ресый - & 
Моде: Васи ага МАЙ ыы 
Таней: ——— О-— 128 
Це Моге 
р Азуапееа 
Рая: 68 София: 2 
0) 
АпеРог: 1038 
Е риемени 





Рис. 12.4. Результат трассировки по умолчанию 
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4. Установите цветной режим Ни Едешжу Рпою (Высокая фотографическая 
точность) (рис. 12.5). Обратите внимание, что картинка красивая, цветная, 
но контуров уже 2939, а точек 19 844! 


таде Тгасе 
Е 2 В: 8 10 п 


Риесей: НЮ АеМу РАою \ у 


Меж: Таста ВезиК “" ® 


м ое: Сокх м“ 





Рис. 12.5. Настройки |таде Тгасе в высококачественном результате 


5. Примените трассировку, нажав кнопку Ттасе (Трассировать). Щелчком по 
кнопке Ехрапд (Разобрать) разберите результат (рис. 12.6). Получился нена- 
страиваемый кошмар из контуров. 





Рис. 12.6. Полученное изображение в разобранных контурах 


Данная команда применяется для создания стилизованных фотореалистичных 
изображений, масштабируемых в силу векторной природы. Контуры, получаемые 
после выполнения этой операции, в дальнейшем не редактируются. 


Наборы прелустановленных параметров 


Освоение возможностей Ппазе Тгасе (Трассировка изображения) можно начи- 
нать с применения различных наборов предустановленных параметров (табл. 12.1), 
выбираемых в раскрывающемся списке Рге$её диалогового окна Ппазе Тгасе (Трас- 
сировка изображения) (рис. 12.7). 
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| « Хх 
Пиктограммы Итаде Тгасе 
режимов 
трассировки хх Го] |9 Г ГУ 
Набор вариантов 
трассировки —————— Риезеё:  Сизот № = 
Варианты 
предпросмотра —————————— \Мем: Тгаста Везий  ® 
Цветовое Моде: Соог у 
решение 
Рае{ве: РиЙ Топе у 
сою: < —— 49 
(255 Моге 
} Адуагке4 
Результат Ф реа = Согз: 794 
АпсКогз: 7778 
Ргемелм 


Рис. 12.7. Диалоговое окно таде Тгасе 


Таблица 12.1. Параметры окна 1таге Тгасе (Трассировка изображения) 


Значение Описание 


РеашЕ (По умолчанию) | Черно-белый рисунок без каких-либо промежуточных от- 
тенков серого 


Нов Едешу Рио Рисунок, внешне мало чем отличающийся от исходного рас- 
(Высокая фотографиче- | трового изображения. В данном случае программа получает 
ская точность) возможность включить в рисунок до 64 различных оттенков, 


что обеспечивает фотографический уровень точности вос- 
произведения отдельных деталей 


Гом Едешу Рво®ю (Низ- | Результат почти не отличить от Со]ог 16. Однако вариант 
кая фотографическая Р®Вого Гом Едешу подразумевает, как правило, создание 


точность) меньшего количества контуров и опорных точек 

3 Соог$ Рисунок, контуры которого залиты 3 разными цветами 
6 Со10г$ Рисунок, контуры которого залиты 6 разными цветами 
16 Соог$ Рисунок, контуры которого залиты 16 разными цветами 


эпаде$ оЁ Сгау (Оттенки | Все цвета заменяются соответствующими оттенками се- 
серого) рого 
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Таблица 12.1 (окончание) 


Значение Описание 


ВЛаск апд УПке Т.020 Результат похож на использование набора ЭейашЕ, но чаще 
(Черно-белый логотип) | выглядит привлекательнее 


эке(свед Аг (Выпол- Режим полезен только для четких рисунков с малым коли- 
ненный от руки эскиз) |чеством цветов 


эНпоцеве$ (Силуэты) Низкодетализированный результат 


пе Аг (Комикс) Одноцветное линейное изображение 


Тесвиса! Огамшо (Тех- |Для фотоизображений не подходит. Используется для тех- 
нический чертеж) нических чертежей и рисунков. Хотя его результат не всегда 


можно назвать удачным 


Настройка лругих параметров 
инструмента /таде Тгасе 
(Быстрая трассировка) 


Выбрав в списке Ргезеё набор предустановленных параметров, результат при- 


менения которого наиболее близок к требуемому, поэкспериментируйте с другими 
опциями, представленными в диалоговом окне Ппазе Тгасе (Трассировка изобра- 
жения) — рис. 12.8. Возможно, вам удастся еще более приблизить возвращаемый 
векторный рисунок к требуемому виду. 


Далее представлен перечень опций, доступных для настройки в диалоговом окне 


Ппасе Тгасе (Трассировка изображения). 


Ф 
Ф 


Уе\ (Вид) — предпросмотр результата трассировки в различных режимах. 
Моде (Режим) — в этом раскрывающемся списке представлены варианты Со]юог 
(Цвет), Сгауземе (Оттенки серого) и Васк апд УШе (Черный и белый), позво- 
ляющие определить цветовую гамму создаваемого векторного рисунка. 

Рае(е (Палитра) — список позволяет выбрать библиотеку цветовых образнпов, 
которая должна использоваться при создании цветного рисунка или рисунка в 
оттенках серого. В самом списке на выбор предлагаются лишь вариант Ашотайс 
и вариант загрузки другой библиотеки. 

Со]ог$ (Максимальное количество оттенков) — в случае создания рисунка в режи- 
ме Со]юог или Стаузсае данное поле позволяет указать максимальное количество 
используемых оттенков (которое может колебаться в пределах от 2 до 256). 
Если флажок Ргемем установлен, то Шазтгаюог автоматически будет генери- 
ровать создаваемый векторный рисунок с учетом очередного внесенного 
изменения. 
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Гилзсе Тгасе 





‚| Амо-Со|ог | 


Мет гасить Резый 
Моде: Сы 
Раеыа: — Абаеты Не 


Сон: [Ф. 


птзде Тгасе 


эм] 7 ююо 


(©) Рафа: 2939 Сеня: 2576 


Птъзкре Тгасе 


эс 


| Нами Соог 
Ривза: [лм Сокх ыы 





м ал! : Ирансвлия Ня Г № чы 
Мода: Сам ыы 
Рави — Олииеа “ 


Сафо: |®) 16 


р АЗагее 


Ф Ра: — 675 Сокиз: 16 
АпеКоге: 5545 


О Реми 


Рис. 12.8. Примеры трассировки в различных режимах 


Ривс: (на Нун Сао: | = 


Мам Трасса Резый =” м 
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Мода: Соки ыы 


РыеН: — Ро Топе м 
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Гтъабне Тгасе 
эм 
Ргезай: [Вск & УМАИе] 

Утеит  Тгасмуя Ресий „ © 
Моде: Вск ап Ме м 
риезной ©) 128 
255 Моге 

р АЗмагкеа 
Ф Рак! Соки: 2 
АпеКог:: 1038 
(7 рееимнм 
ч м 





ыезНо: О - 128 
55 Моге 
> АЗмагке 
АлеКоге: 407 


Рин 
Рис. 12.8. Примеры трассировки в различных режимах 
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Пример трассировки растровых изображений 


№ а шо 
Роза Сомот 
Уи Тегана Вели 
Мова: Со№е 
РАене- РыйТопа 


сафаг: 


83% 


ЧАЯ Ро Адуатсея 


у Рак! 12194 Сост: 9226 
ры 10 


АпеНогх: 151158 


мк ВИ 


И ка 
РЯ ада: у 


Рис. 12.9. Трассировка фотоизображения в разных режимах просмотра 
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Инфографика. 
Построение в перспективе 


= [В Рызресёуе Ога Тосс (5НА+Р} 
№ регзресвие бежсбоп Тс! (5НЙ+М) 
® 





В современном мире высоких технологий в программном обеспечении, а также 
в экстра-классе художественного мастерства компьютерных дизайнеров плоские 
схемы теряют былую популярность. На рынок выходят новые задачи выполнения 
проектов в стиле псевдотрехмерности, который следует законам перспективного 
математического построения. 

В данном уроке рассматриваются базовые принципы перспективного рисования, 
перенесенные в программу Шиа ог и реализованные с помощью сетки перспек- 
тивы. Мы рассмотрим построение объектов по сетке перспективы, а также возмож- 
ность построения объектов в изометрии с помощью «умных» направляющих. 


В этом уроке вы познакомитесь: 

с примерами изометрического построения; 

с базовыми принципами перспективного построения; 

с сеткой перспективы; 

с построением объектов по сетке и добавлением в нее объектов; 


ооооо 


с рисованием вертолетной площадки при помощи «умных» направляющих и 
изометрии. 
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Инфографика 


В современном мире и развитии компьютерного дизайна все более востребовано 
визуальное представление информации, как наиболее понятная часть визуальной 
коммуникации. Наука, статистика данных, журналистика, образование как никогда 
нуждаются в максимально точном и доходчивом представлении информации, со- 
четании привычного текста и графического образа. 

Инфографика — это визуальное представление информации, данных и знаний. 
Инфографика работает там, где нужно показать устройство и алгоритм работы 
чего-либо, соотношение предметов и фактов во времени и пространстве, продемон- 
стрировать тенденцию, показать, как что выглядит, оптимизировать и представить 
большие объемы информации. 

Инфографика передает сообщение быстрее, чем текст (один качественно 
сделанный рисунок заменяет несколько страниц текста), и подробнее, чем 
стандартная иллюстрация (благодаря детальности рисунка и точным тезисным 
комментариям) (рис. 13.1, 13.2). При современном развитии компьютерного 
графического дизайна А4добе Шазтгаог является идеальным инструментом для 
создания инфографики. 


Как получить «талон» на дорогостоящую операцию 








Источник: Минздравсоцразвития 


Рис. 131. Схема «Как получить талон». Источник — Минзлдравсоцразвития 
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ее парафин | Соеорь ре | Пи си, 


Империя Биг Мака 


а ое СЫ Е я ть 
за поразит те дазньгы, на прыннири стандлеиного ансторна оли В. 


сист шо тише 
а итак и би, 


ЖФ -. - -тозоьыя ааа ыы 





Рис. 13.2. Схема «Империя Биг Мака» 
Источник — данные компании, головой отчет Мс0опа@‘® 200 


Первыми стали использовать сочетание графики и текста издатели газеты «(ЗА 
Тодау», запустившие свой проектв 1982 году. За несколько лет газета вошла в пятерку 
самых читаемых изданий страны. Одним из наиболее заметных и востребованных 
читателями нововведений «ОЪА Тодау» стали детальные, хорошо прорисованные 
картинки с поясняющими комментариями и инфографикой. 


Базовые принципы перспективного рисования 


Принципы перспективного рисования каждому дизайнеру преподавались в 
художественной школе, описаны во многих статьях. Если вы первый раз слышите 
об этом и желаете подробно ознакомиться с логикой построения, советую вам поис- 
кать в Интернете такие статьи, в которых популярно и наглядно описаны варианты 
построения, и изучить их. 

Три рисунка далее демонстрируют разницу между стилями одно-, двух- и трех- 
точечной перспектив. 

Рисунок 13.3 является примером одноточечной перспективы. Все основные 
точки сходятся в одном центральном месте на линии горизонта. 

На рис. 13.4 точки схода находятся на двух противоположных сторонах схож- 
дения на линии горизонта. 

На рис. 13.5 видно, что существуют три точки схода. 

В Шаягаог предоставляются стандартные стили одно-, двух- и трехточечных 
перспектив, которые работают по существующим законам рисования перспективы 
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(см. рис. 13.3—13.5). Для того чтобы выбрать стиль сетки, необходимо зайти в раздел 


главного меню У еу | Регзресйуе Ст! (Вид | Сетка перспективы) (рис. 13.6). 





Е ЕР В В Е ВЕРА 


Рис. 13.3. Пример олноточечной перспективы 





Рис. 13.4. Пример лвухточечной перспективы 
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Рис. 13.5. Пример трехточечной перспективы 


`Мем | \Мпдом Нер Мих 


Регзреснуе бпд › Лом бп 





Кщегз › ЗПоми Кшег$ 
Не Тех ТВгеа4$ ЗЫ+С+У (У $пар4о бпа 
а ь Госк бпад 
Госк Заноп Рони 
ЗАоми бпа С++" 
бпар1ю би4 Зы+Сы+" а 
У  Зпар\о Ре! Опе Роит{ Регзреснуе 


У Зпар\%ю Рони АК+ С++" Тимо Рон Регзрес ме 





Тигее Рон РегзресНме 


Рис. 13.6. Выбор типа перспективной сетки 


РегхресИмие Спа (Сетка перспективы) 


Группа инструментов для построения и настройки сетки перспективы состоит 


из инструментов В Регбресйуе Спа (Сетка перспективы) («горячие» клавиши — 
й 


<5ШИ>-+<Р>) и *. Регбресйуе э@есйоп (Выделение перспективы) («горячие» 
клавиши — <5ШИ>+<У> ). 


После выбора инструмента Регзресйуе Ст (Сетка перспективы) в документе 
отображается сетка перспективы (рис. 13.7): 
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Рис. 13.7. Сетка перспективы 
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Ф А— виджет переключения между плоскостями; 


+ Б — левая исчезающая перспектива; 


Ф В — протяженность вертикальной сетки; 


+ Г— линейка сетки перспективы; 


Ф Д — правая исчезающая перспектива; 


+ Е — линия горизонта; 


Ф Ж— высота горизонта; 


Ф 3 — нулевая отметка; 


+ И — уровень горизонта; 


Ф К — протяженность сетки; 


Ф Л — размер ячеек сетки; 


+ М — нулевая отметка; 


Ф Н — протяженность сетки; 


Ф О — элемент управления правой плоскостью сетки; 


Ф П — элемент управления горизонтальной плоскостью сетки; 


Ф Р — элемент управления левой плоскостью сетки; 


Ф С — исходный файл. 
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При выборе сетки перспективы появляется виджет переключения между 
плоскостями. Этот виджет используется для выбора активной плоскости сетки. 
В сетке перспективы активной является плоскость, на которой рисуется объект для 
проецирования точки зрения наблюдателя на эту часть сцены (рис. 13.8). 


Плоскость 
без активной сетки 


Левая Правая 
плоскость плоскость 
сетки сетки 





Горизонтальная 
плоскость сетки 


Рис. 13.8. Вилжет переключения межлу плоскостями 


Построение объектов в перспективе 


Объекты в перспективе рисуют с помощью инструментов групп линий или 
прямоугольников при отображении сетки. 

При использовании инструментов групп прямоугольников или линий можно 
переключиться на инструмент Регзресйуе Э@есйоп (Выделение перспективы), на- 
жав клавишу <СИ]>. Вы можете также переключить активную плоскость, нажимая 
«горячие» клавиши <1> (левая плоскость), <2> (горизонтальная плоскость) и <3> 
(правая плоскость), с одновременным выбором этих инструментов. 

Используйте «умные» направляющие, чтобы выровнять объект относительно 
других объектов. 

При работе с инструментами групп прямоугольников и линий также используют- 
ся численные значения. Кроме того, данные значения представляют реалистичные 
измерения таких объектов. 

Во время рисования в перспективе доступны обычные комбинации клавиш для 
рисования объектов, такие как <ЗШЩ> или <АЦЁ>. 

Выполним упражнение по построению объектов в перспективе. 


1. Создайте новый документ. 

2. Активизируйте инструмент р: Регбресйуе Ст! (Сетка перспективы). В до- 
кументе отобразилась сетка перспективы. 

3. Активизировав инструмент Весбапе (Прямоугольник), нарисуйте на актив- 
ной левой плоскости, удерживая клавишу <ЗШЁ>, квадрат (рис. 13.9). 

4. Переключитесь с помощью виджета переключения плоскостей на правую 
активную плоскость и постройте там такой же квадрат, назначив ему светлее 
цвет (рис. 13.10). 
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Рассмотрим далее вариант переноса объекта в сетку перспективы. 
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Рис. 13.9. Созлание квалрата в перспективе 


























Рис. 13.10. Рисование в другой плоскости 
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Лобавление объектов в перспективу 


Вы можете не только строить объекты в перспективе, но и переносить в нее 
уже построенные объекты. При переносе обычного или графического объекта в 
перспективу его вид и масштаб изменяются. 


1. Снимите с помощью виджета переключения плоскостей выделение с сетки. 

2. Постройте прямоугольник рядом с сеткой. 

3. Выберите объект с помощью инструмента Регзресйуе Заесйоп (Выделение 
перспективы). 

4. Выберите активную плоскость для размещения объекта с помощью виджета 
переключения между плоскостями или «горячими» клавишами. 

5. Перетащите выбранный объект на требуемое место (рис. 13.11). 

Пример данного построения приведен в файле 1е$5оп$\Урок_13_Инфографика. По- 

строение в перспективе\Построение по сетке.аи. 
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Рис. 13.1. Добавление прямоугольника в перспективу 


Добавление текста и символов в перспективу 


Когда отображается сетка, невозможно напрямую добавить текст или символы 
на плоскость перспективы. Однако текст и символы можно перенести в перспек- 
тиву после их создания в обычном режиме. Редактирование текста или символа 
происходит в режиме изоляции. 


Проект «Вертолетная плошалка» 


В данном практическом примере мы будем рисовать в изометрии при помощи 
«умных» направляющих без использования сетки перспективы. Если у вас старые 
версии программы или не получается работать с сеткой перспективы, — это еще 
один способ создания объектов в изометрии. 
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Особенность построения в изометрии — построение объектов под углами 30° 
и 150°. Подсветки направляющими под необходимые градусы задаются в окне на- 
строек «умных» направляющих. 

1. Создайте новый документ. 

2. Проверьте включение отображения «умных» направляющих: Уем | Зшаг 
Сшде$ (Вид | Умные направляющие). 

3. Настройте углы построения и подсветки «умных» направляющих в диалоговом 
окне, открываемом командой ЕЙ | Ргеегепсе$ | Этаг( Сшде$ (Редактирование | 
Установки | Умные направляющие) (рис. 13.12). 

4. Инструментом Реп (Перо) нарисуйте основу под площадку в изометрии по 
схеме, приведенной на рис. 13.13. 

5. Постройте вертолетную площадку по примеру рис. 13.14. 

Векторный оригинал представлен в файле 1е550оп5\Урок_13 Инфографика. Построение 

в перспективе\Вертолетная площадка.а. 

На рис. 13.15 приведен пример выполнения домашнего задания на тему «Ин- 

фографика». 


стай: бифез 
Сизр|ау Орбопз 
Союг: Вск - М 
АбоптейЕ будез Апспог/Ра# 1аБеб 
ОБесе НОО Меазигеттети Габев 
С Палзботи Тоов растю биез 


АВ Нап ло & СбрЬоага 
Арреагапсе сё Васк 





-90° № 


Рис. 1313. Схема построения основы для плошадки пол углами 
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Рис. 1314. Пример вертолетной плошалки 





Рис. 13.15. Схема лома 


В заключение хотелось бы отметить, что для рисования в перспективе вы можете 
воспользоваться «горячими» клавишами, приведенными в табл. 13.1. 
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Таблица 13.1. Комбинации клавиш для рисования в перспективе 


Операция 


Инструмент Регзресйуе Ст (Сетка 
перспективы) 


Инструмент Регзресйуе з@аесйоп 
(Выделение перспективы) 


Показать/скрыть сетку перспективы 


Перемещение объектов в перпенди- 
кулярном направлении 


Переключение между плоскостями 
перспективы 


Перетаскивание объекта на другую 
поверхность 


Копирование объекта на другую по- 
верхность 


Копирование объектов в перспек- 
тиве 


Повторение преобразования объек- 
тов в перспективе 


Переключение между режимами 
рисования 


Клавиша или комбинация клавиш 
<ЗШи>-+<Р> 


<> У> 


<СШ>+<5ШИ>+<[> 


Выберите инструмент Рег$ресйуе З@аесйоп 
(Выделение перспективы), нажмите клавишу 
<5>, затем щелкните на объекте мышью и 
перетащите его 


Выберите инструмент Регзресйуе зёаесйоп (Вы- 
деление перспективы), затем нажмите клавишу 
<1> для активизации левой сетки, <2> для 
горизонтальной сетки, <3> для правой сетки 
или <4>, если нет активной сетки 


Выберите инструмент Регзресйуе З@аесйоп 
(Выделение перспективы), потом нажмите 
клавишу активизации необходимой поверх- 
ности, затем перетащите объект 


Выберите инструмент Рег$ресйуе З@аесйоп 
(Выделение перспективы), потом нажмите 
клавишу активизации необходимой поверх- 
ности, затем перетащите объект с нажатой 
клавишей <АЦ> 


<С>-+<А[>-+перетаскивание 
<С>+<рО> 


<5ШИ>+<)> 


УРОК 14 





Работа с текстом 
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Одной из наиболее сильных сторон программы Адобе Шазгаог является воз- 
можность верстки и форматирования текста. Вы можете быстро изменять размер и 
форму символов, размещать текст в любых областях, а также располагать его верти- 
кально или горизонтально вдоль произвольных контуров. Вы можете использовать 
для текста стандартные цвета и декоративные орнаменты, а также видоизменять 
его с помощью команд трансформирования. 

Текст также можно перевести в обычные кривые, тогда его нельзя будет редак- 
тировать, но возможно применять многие операции, недоступные ранее: заливать 
градиентом, изменять за опорные точки. 


В этом уроке вы узнаете: 

об инструментах для работы с текстом; 
способы ввода текста; 

как копировать атрибуты текста; 
команды работы с текстом; 

о вводе текста в области и вдоль контура; 
об обтекании объектов текстом; 


Фооооооо0о 


о переводе текста в контуры и возможностях обработки. 
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Созлание текста 


Текст в программе задается параметрически (текстовыми параметрами), 
к нему неприменимы операции работы с кривыми, а также градиентная заливка. 

Создайте новый документ. Рассмотрим инструменты группы Туре (Текст) 
(рис. 14.1). 

Три первых инструмента чаще используются в Европе, три инструмента, по- 
священные вводу вертикального текста, больше предназначены для Японии. 

На рис. 14.2 показан результат ввода текста всеми инструментами. 





Агеа Туре Туре опа Ра 
(Текст в области) (Текст вдоль контура) 
«Хх 
ы Тоисй Туре 
уре | Ш Е Изменение текста 
\Мег са! Туре опа Ра{ В 
(Вертикальный текст 
вдоль контура) 
Мег са! Туре Мег са! Агеа Туре 
(Вертикальный (Вертикальный 
текст) текст в области) 
Рис. 141. Инструменты группы Туре 
вотв 3 
гееа 
сркрг 
ГГ Туре Мегса! Туре а 
] Ур нт 
(Текст) т (Вертикальный текст) Е 
Заголовочный текст, не ограничен ь н > ь 
в своем объеме. строка бесконечна... неьч 
применимо только выравнивание ы + 
йй 


КТ МегИса| Агеа Туре 


Агеа Туре (Вертикальный текст в области) 


(Текст в области) 








рчот 
ы ты Е 
ь 4 ' | 
Текст в прямоугольной | м ы маас р 
области или блочный а мтт Денсти 
текст. Ограничен вн оеи Е" 
размерами области, ри укк об Ива 
зч Г а ы ы : Ш] 
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порораспраделиюнся, = ай = 
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(Текст вдоль контура) (Вертикальный текст вдоль контура) 
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Рис. 14.2. Результаты работы инструментов группы Туре 
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Способы созлания текста 


Тип текста определяет способ его создания: 


Ф заголовочный текст начинается в месте щелчка и набирается в виде горизон- 
тальной или вертикальной строки по мере ввода символов; 


Ф блочный текст (также текст в области) учитывает границы области; 


Ф текст по контуру располагается по открытому или закрытому контуру (более 
подробно см. разд. «Лекст по контуру» далее в этом уроке). 


Заполнение текстовых объектов замещающим текстом 


| 


При работе с инструментом. Е ‚„ Туре (Текст) применяется заполнение текстовых 
объектов замешающим текстом, что обеспечивает более эффективную визуализа- 
цию проекта. Теперь новые текстовые объекты в Шагаог, созданные с помощью 
инструментов работы со шрифтами, автоматически заполняются замещшающим 
текстом. Для замешающего текста сохраняются параметры шрифта и размера, 


примененные к предыдущему текстовому объекту. 


Заголовочный текст 


1. Активизируйте инструмент Туре (Текст). Курсор примет [-образную форму 
внутри пунктирного прямоугольника. Маленькая горизонтальная линия в 
нижней части [-образного курсора соответствует положению базовой линии 
текста. 


2. Щелкните в том месте, где должен начинаться текст. Атрибуты вводимого 
текста — черная заливка и отсутствие обводки. 


ВНИМАНИЕ! Не щелкайте по существующему объекту, иначе он будет преобразован в область 
” . текста или контур для текста. 





3. Введите «АдоБе», нажмите клавишу <Ещег>, чтобы начать новую строку, далее 

текст «Шазгаог». Получилась фраза «Адобе Шиугаог». Закончив ввод текста, 
выделите текстовый объект с помощью инструмента эЭ@есйоп (Выделение) 
или щелкните на тексте с нажатой клавишей <СИ]> (рис. 14.3). 
Обратите внимание, что вокруг текста появляется контейнер преобразо- 
вания. Потяните с нажатой клавишей <5ШЁ> за маркер — текст пропор- 
ционально отмасштабируется. Данный тип ввода текста используется для 
заголовков и рекламных слоганов, когда удобно работать с текстом как с 
самостоятельной графической единицей с возможностью выравнивания и 
трансформации. 

4. Поменяйте цвет у текста, также возможно присвоить тексту узор (тогда текст 
перестанет хорошо восприниматься), градиент присвоить нельзя. 
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Рис. 14.3. Пример заголовочного текста 


Блочный текст 


1. Активизируйте инструмент Туре (Текст). 


2. Нажав и удерживая кнопку мыши, перетащите курсор по диагонали для за- 
дания прямоугольной ограничительной области. 


3. Введите текст. Вы видите, что текст ограничен рамкой (Рате) ввода. 
При достижении края области текст переносится на следующую строку 
(рис. 14.4). Закончив ввод текста, выделите текстовый объект с помощью 
инструмента Э@есйоп (Выделение) или щелкните на тексте с нажатой клави- 
шей <СИ1>. Если введенный текст не умещается в пределах области, рядом с 
нижней частью ограничивающей области появляется значок переполнения 
«плюс» (+). 

4. Растяните ограничительную рамку. Текст не изменится в размере и перерас- 
пределится в пределах новой ограничительной области. 


ай 


На СЛЕДУЮЩУЮ 


ИВ ВВОД ТЕВСТе 


НЫ солыект повасиШы ва 


Та -ееспой выделенные илы 


пин илааиаакининишиини 


а а а а ааа | 


Г” 


орон новое —"ы 





Рис. 14.4. Пример блочного текста 


Визуальная разница между блочным и заголовочным текстом 


У ограничительной области блочного текста имеются два дополнительных 
прямоугольника, называемых портами (рис. 14.5). Порты используются для пере- 
текания текста между связанными областями. У заголовочного текста портов нет, 
его можно масштабировать при помощи рамки, как обыкновенный объект. 
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Текстовый объект можно легко конвертировать в текстовый блок и наоборот, 
два раза щелкнув мышью по линии на специальном маркере на ограничивающей 
рамке справа (см. рис. 14.5). 


спедмет мзенесалть, | ит, 


делах соъекта, посвольк 


ае прооправавая 


примет этот ооъект в 





Маркеры конвертации типа текста 
Рис. 14.5. Визуальная разница межлу ввеленным текстом 


Палитры форматирования текста 


Для изменения цвета, трансформации всего текста как объекта используется 
любой инструмент выделения (любая стрелка). 

Для изменения текстовых параметров применяются специальные палитры 
Спагасег (Символ) и РагазгарН (Абзац) (вызываются «горячими» клавишами 
<СШ>-+<Т>). Рассмотрим эти палитры. 


Палитра Срагасег (Символ) 


Палитра СВагаеег (Символ) (рис. 14.6) предназначена для применения параме- 
тров форматирования к отдельным символам. 


< СПагасвег = 
_}Щ третья | 

Гарнитура Л. Мупаа Рго ы 

Начертание Ведет ы 

Кель ТГ О рр м 12 С @4Арх) м Интерлиньяж 
Кернинг МА С Аю м С. “ Трекинг 
Высота символов "Г > 1% м ТТ $ 10% м | Ширина симвопов 
Отклонение от Аа $  рх ще (т) 5 


базовой линии 05 \“ — Поворот символов 


Ложные стили 





Язык  Епойё: 95А м За  $агр ыы а 
Рис. 14.6. Палитра СВага ег 
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Если выделен текст или активен инструмент Туре (Текст), для форматирования 
символов используется палитра РгорегИе$ (Свойства) или управляющая панель 
(рис. 14.7) в зависимости от рабочего пространства, с которым вы работаете. 
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Гут 
Рагадгар® 


ИИ 
ИИ 
НИ 
ИД 


Рис. 14.7. Параметры текста 


Шрифт (гарнитура) — это набор символов (букв, цифр и других знаков), которые 
характеризуются общей высотой, шириной и начертанием. 

Начертание — это варианты конкретного шрифта. Как правило, базовый шрифт 
может включать различные начертания: геощаг (обычный) , Бо (жирный), зетоа 
(полужирный), Ца|с (курсив) и Бо14 ЦаПс (жирный курсив). 

Кегль — размер символа в пунктах (по умолчанию размер шрифта — 12 рё; один 
пункт равен 1/72 дюйма или 0,35 мм). 

Кернинг — это увеличение или уменьшение интервала между определенными 
парами символов (рис. 14.8). Используется для устранения оптического неравен- 
ства символов. 

Трекинг — это увеличение или уменьшение интервала между символами в вы- 
деленном тексте или во всем блоке текста. Используется в заголовках и в верстке 
для ликвидации «висячих строк». 

Интерлиньяж — это межстрочное вертикальное расстояние, которое измеряется 
от базовой линии одной строки текста до базовой линии строки над ней. 

Базовая линия — это невидимая линия, на которой находится нижний край боль- 
шинства букв. Значение по умолчанию для автоинтерлиньяжа равно 120% размера 
шрифта (например, для шрифта 10 пунктов интерлиньяж равен 12 пунктам). 

Отклонение от базовой линии используется для надстрочных и подстрочных 
индексов (символов уменьшенного размера, которые подняты или опущены от- 
носительно базовой линии шрифта). 
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| | _ ТТ еадтад 
(Поворот символов) (Интерлиньяж) 
Тгаскта КУ Вазете 5 ‚аз 
(Трекинг) + (Отклонение от = 
базовой линии) 








Рис. 14.8. Параметры текста 


Палитра Рагадгарй (Абзац) 

Палитра Рагаэгарй (Абзац) (рис. 14.9) используется для изменения форматиро- 
вания колонок и абзацев. 

Выравнивание текста — заголовочный текст выравнивается относительно 
точки ввода, блочный текст можно выровнять по одному или обоим краям блока 
текста. 

Отступ — это пространство между текстом и границей текстового объекта. От- 
ступы действуют только для выделенных абзацев. 


Отбивка — настройка интервалов между абзацами. В первом абзаце колонки 
дополнительная отбивка перед абзацем не добавляется. 





Выключка 
(выравнивание) 
=> | 2% - ^ 
Отступ слева = ‚ Орх =“ „, Орх Отступ справа 
Абзацный отступ  ®= С орх 
Отбивка сверху “= С орх +5 > |Фрх Отбивка снизу 


Автоматический перенос НурБепае 


Рис. 14.9. Палитра Рагадгарп 
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Настройка автоматической расстановки переносов 
Для автоматической расстановки переносов: 
1. Установите флажок Нурпепае (Перенос) в палитре Рагаеэгарй (Абзац). 


2. Для того чтобы включить переносы в определенных абзацах, сначала надо 
выделить эти абзацы. 


3. Для того чтобы выбрать словарь переносов, следует выбрать язык Ви5ап 
(Русский) в раскрывающемся списке Гапгиазе (Язык) в нижней части пали- 
тры Свагасег (Символ). 


4. Для изменения параметров переносов нужно выбрать пункт Нурвепайоп (Рас- 
становка переносов) в меню палитры Рагазэгарй (Абзац). 


Инструмент Агеа Туре (Текст в области) 


Помимо блочного текста, который формирует текст в области прямоугольной 


формы, вы можете использовать специальный инструмент меы Агеа Туре (Текст в 
области) (см. рис. 14.2) для ввода текста в объект. 


1. Нарисуйте круг черного цвета. 
2. Активизируйте инструмент Агеа Туре (Текст в области). 


3. Щелкните по границе объекта. Объект станет «служебным», без заливки и 
обводки (рис. 14.10), на печать не выводится, отображается в режиме Ои те 
(Макет). 


и Данный текстбыл ^^ 
/инструмента "Текст внутри 










‘только перераспределится по 
новой форме. 





Рис. 1410. Текст в круглой области 


4. Закончив ввод текста, выделите текстовый объект с помощью инструмента 
э@есНоп (Выделение) или щелкните по тексту с нажатой клавишей <СИ1>. 
Если введенный текст не умещается в пределах области, рядом с нижней 
частью ограничивающей области появится значок «плюс» (+). 

5. Используя инструмент ОшесЕ Э@есйоп (Частичное выделение), выделите 
край или угол текстового контура. Затем перетащите опорную точку, чтобы 
изменить форму контура. Контуры удобнее выделять в режиме Ои@ше (Ма- 
кет), поскольку в обычном режиме «служебный объект» не отображается 
(рис. 14.11). Каки вслучае с блочным текстом, текст не изменяется в размере, 
а перераспределяется в новой области. 
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Если вы желаете трансформировать и текст, и область, то воспользуйтесь ин- 
струментами или командами трансформации. Габаритный контейнер (Воипаше Вох) 
трансформирует только область, текст не меняет ориентации, перераспределяясь 
по новой форме. 








Рис. 14.1. Изменение размера текстовой области с помошью инструмента Окес{ ъаесйоп 


Параметры текста в области 


С помошью команды главного меню Туре | Агеа Туре ОрНоп$ (Текст | Параметры 
текста в области) вы можете разделить текст в области на ряды, колонки, а также 
выполнить мини-верстку или создать календарную сетку. 

1. Откройте файл 1е$з0оп$\Урок_14 Работа с текстом\Блочный текст.а1. 

2. Выделите инструментом э@есйоп (Выделение) блочный текст. 


3. Выполните команду главного меню Туре | Агеа Туре ОрНоп$ (Текст | Параметры 
текста в области). В разделах Вом$ (Ряды) и Сошши$ (Колонки) для параметра 
Митрег (Количество) задайте 2 и 3 (рис. 14.12). 


Митрег (Количество) — количество строк и столбцов объекта. 

эрап (Размер) — высота отдельных строк и ширина отдельных столбцов. 
Ехей (Фиксированный размер) — определяет, что будет со строками и 
столбцами при изменении размера текстовой области. Если выбран этот 
параметр, при изменении размера текстовой области может измениться 
количество строк и столбцов, но не их ширина. 

Сибег (Средник) — расстояние между строками и столбцами. 

бег Зразше (Добавить поля) — размеры полей между текстом и гра- 
ницей. 

Ег$( Вазеше (Первая базовая линия) — выравнивание первой строки от- 
носительно верхней области. 

Тех Роу (Перетекание текста) — определяет, как текст будет размещен в 
рядах и столбцах при перетекании между связанными блоками текста. 
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2 11,09 ст 
С] Аха 





Рис. 14.12. Разбиение текстового блока на рялы и колонки 


Стоит отметить, что Параметры данного диалогового окна можно настраивать, 
если, конечно, текст не перевели в кривые. 


Работа с избыточным текстом области 


Каждый текст в области имеет входной и выходной порты. Вы можете исполь- 
зовать порты для связи с другими текстовыми блоками и решения проблемы из- 
быточного текста. Пустой выходной порт обозначает, что отображается весь текст. 
Значок «плюс» красного цвета указывает на переполнение блока текстом. 

Есть два способа для решения проблемы переполнения текстом блока: 


Ф изменение размера блока или размера текста: 


Ф Продолжение текста в другом связанном с ним текстовом блоке. 
Для примера (рис. 14.13): 


1. Уменьшите любой фрагмент блочного текста (или текста в области). Выходной 
порт примет вид переполнения — «плюс» красного цвета. 


2. Щелкните по значку переполнения. Курсор преобразуется в значок «загру- 
женного текста» ®—.. 
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3. Для того чтобы установить связь с новым объектом, щелкните или перетащите 
мышью этот значок на пустое место в монтажной области. При щелчке созда- 
ется объект того же размера и той же формы, что и исходный; перетаскивание 
позволяет создать прямоугольный объект любого размера (см. рис. 14.13). 


а в преде 


акого-лиоо объек 





Рис. 1413. Создание связанных текстовых блоков в случае переполнения 


Обтекание объектов текстом 


Команда ОЩес | Тех У\гар | МаКе (Объект | Обтекание | Выполнить) обеспечивает 
автоматическую верстку текста вокруг любых графических объектов, в том числе 
текстовых, составных контуров и растровых картинок. Необходимо помнить, что 
требуется выделить только объект обтекания, предварительно поместив его на 
передний план перед текстовым блоком. 

Режим обтекания применим только к тексту, размещенному внутри области; 
текст, созданный инструментом Туре (Текст) или Туре оп а Ра (Текст вдоль кон- 
тура), не может обтекать другие объекты. Обтекание может быть задано сразу для 
нескольких текстовых контейнеров вокруг любого количества объектов. 


1. Откройте файл 1е550п$\Урок_14 Работа с текстом\Блочный текст.а!. 
2. Поместите объект на блочный текст. 


3. Выполните команду главного меню ОЩес® | Техё Угар | Маке (Объект | Обте- 
кание | Выполнить). В результате текст будет размещен вокруг графического 
объекта (рис. 14.14). 

4. Для настройки отступа текста от графического объекта используйте команду 
ОЩесе | Тех Угар | Техё Угар Орбоп$ (Объект | Обтекание | Настройки обте- 
кания). 


“Ти 






\: ВНИМАНИЕ! — Если слой содержит несколько текстовых объектов, переместите текстовые объекты, 
_ которые не будут участвовать в обтекании, в другие слои или выше объекта обтекания. 
ь" 
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Рис. 14.14. Обтекание объекта текстом, настройки обтекания 


Текст по контуру 


Создание 


Текст по контуру располагается по краю открытого или закрытого контура. При 
вводе текста по горизонтали символы размещаются параллельно базовой линии, 
при вводе текста по вертикали — перпендикулярно базовой линии. В любом случае 
текст размещается в том направлении, в котором точки добавлялись к контуру. 


1. Нарисуйте круг. 
2. Активизируйте инструмент > Туре опа Рай! (Текст по контуру). 


3. Щелкните по границе объекта. Объект станет «служебным», без заливки и 
обводки (рис. 14.15), на печать не выводится, отображается в режиме Ои те 
(Макет). 


4. Закончив ввод текста, выделите текстовый объект с помощью инструмента 
э@есНоп (Выделение) или щелкните по тексту с нажатой клавишей <С1>. 


м, 


= и 


7 \, 
[ т от хи \ 
А, /> 


% У 
"у тииеиооивзАЯ® ей 








_ = 











Рис. 1415. Гекст по контуру 
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Перемещение или зеркальное отражение текста по контуру 


1. Выделите текст по контуру. Появятся скобки в начале текста, в конце контура 
и всередине между начальной и конечной скобками. 
2. Поместите курсор над центральной скобкой текста так, чтобы рядом с кур- 
сором появился маленький значок =. 
Для перемещения текста по контуру перетащите центральную скобку вдоль 
контура. Для того чтобы зеркально отобразить текст вдоль контура, перетащите 
скобку поперек контура (см. рис. 14.15). 


Параметры текста по контуру 


Команда главного меню Туре | Туре опа Рай | Туре опа Ра Орбоп$ (Текст | Текст 
по контуру | Параметры текста по контуру) позволяет настроить текст по контуру. 
Например, используя эффекты, вы можете искажать ориентацию символов на 
контуре, изменять отступ текста относительно кривой. 


Преобразование текста в кривые 


Для преобразования шрифта в контуры используется команда Стеже ОцИтез$ 
(Создать контуры). При данном преобразовании вы не можете в дальнейшем из- 
менять текстовые параметры, т. к. вместо текста образуется набор сложных контуров 
(кривых), редактирование и другая обработка которых осуществляется аналогично 
работе с любыми другими графическими объектами. 

На рис. 14.16 в верхней части — исходный текстовый объект; внизу — текст, 
преобразованный в кривые и измененный с помощью инструмента Отес З@есйоп 
(Частичное выделение). 

Преобразованию подлежит весь текст в выделенной области. Преобразовать 
одну букву из строки текста невозможно. 





Рис. 1416. Изменение формы буквы 
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Специальные символы. Палитра С/урл$ (Глифы) 


В дополнение ксимволам, которые вводятся с клавиатуры, гарнитуры шрифтов 
содержат множество других символов. Это могут быть лигатуры, дроби, каллиграфи- 
ческие символы, орнаменты, порядковые числительные, значки копирайтинга. 

Глиф ($]урЬ) — это специальная форма символа. Так, в некоторых шрифтах у 
прописной буквы «А» есть несколько форм (например, каллиграфическая или 
капитель). 

Палитра СЛурй$ (Глифы) используется для просмотра глифов в шрифте и вставки 
определенных глифов в документ. Для того чтобы вставить символ, щелкните ин- 
струментом Туре (Текст) втом месте, где должен появиться символ, а затем дважды 
щелкните на нужном символе в палитре С1урй$ (Глифы) (рис. 14.17). 





Рис. 14 ЛУ. Вставка символа из палитры @МУрй$ 


Наслелование текста 


Текст, созданный в Шизтгаюг 10 и более ранних версиях, невозможно редактиро- 
вать, пока он не обновлен для использования в более поздних версиях. Если текст 
не нужно редактировать, его можно не обновлять. 

Основные идеи: 

Ф текст в программе Шиягаюг задается параметрически, это не математически 
заданный объект, поэтому к тексту не применимы операции над опорными 
точками; 

Ф Основное Правило типографий — перевод текста в контуры как отказ от шриф- 
товой зависимости; 

Ф для ввода текста существует шесть инструментов; 


+ текст можно получить как импортом, так и непосредственно набором в про- 
грамме; 
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Ф можно выделить текст как объект с ограниченными возможностями редактиро- 
вания. Возможно также выделение символов текста для их форматирования; 

Ф различные инструменты по-разному воздействуют на контейнер и сам текст 
при выделении его в области; 

+ текст вдоль контура имеет особые свойства — смещение и поворот относительно 
контура; 

Ф текст в области может размещаться в связанных текстовых блоках, в область 

можно вставлять обтекаемые текстом объекты. Возможно создание нескольких 

колонок текста; 

форматирование текста возможно как форматирование символов и абзаца. 


$® 


Стили символов и абзацев 


Использование стилей символов и абзацев экономит время и обеспечивает 
единство форматирования. 

Стиль символов — это набор атрибутов форматирования символов, который 
можно применить к выделенному диапазону текста. Стиль абзацев состоит из 
атрибутов форматирования как символов, так и абзацев и может применяться к 
одному или нескольким абзацам. 

В программе Шиягаюг используются специальные палитры Свагасег 56е5 
(Стили символов) и Рагазгарй 56/[е$ (Стили абзацев) для создания, применения, 
редактирования стилями символов и абзацев. Для того чтобы применить стиль, до- 
статочно выделить текст и щелкнуть на имени стиля в одной из палитр. Если текст 
не выделен, стиль применяется к вновь создаваемому тексту (рис. 14.18). 


Рвогозвор;-—— 





я 


д@оре Шимхатох 


Рис. 1418. Палитры текстовых стилей 





Если необходимо скопировать без сохранения атрибуты текста, используется 


инструмент [[. Куедгоррег (Пипетка). По умолчанию применение инструмента 
Куедгоррег (Пипетка) влияет на все атрибуты в выделенной области. Атрибуты, 
на которые влияет этот инструмент, настраиваются в диалоговом окне Куедгоррег 
(Пипетка), вызываемом двойным щелчком по инструменту. 
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Инструмент Тоисл Туре Тоо/(Изменение текста) 


Инструмент Тоисв Туре (Изменение текста) предназначен для оформления 
текста, позволяет создавать композиции исключительно средствами текста. Каждый 
символ в тексте доступен для редактирования в качестве отдельного объекта. Пере- 
мещением, масштабированием и поворотом одной буквы алфавита, выбранной в 
слове или предложении, можно добиться разнообразных эффектов. 

Управление производится при помощи маркеров, которые появляются на 
ограничивающей рамке выделенной буквы. При этом текст остается полностью 
редактируемым, т. е. не теряет своих динамических свойств. 

Рассмотрим возможности, выполнив упражнение. 


1. Наберите текстовую надпись «8Тгорлса! ТгеК$» (рис. 14.19). 
2. Активизируйте инструмент Тоисй Туре (Изменение текста). 
3. Выполните изменение букв: возможно вращение, изменение размеров, 


перемещение символов (рис. 14.19). При этом текст остается полностью 
редактируемым. 


и м 


тот ш 






Тв < 


Т=Ек$ 


Рис. 14.19. Текстовая налпись и ее изменение ТочцсР Туре 





Типы шрифтов 


Шозгаюог поддерживает меняющиеся шрифты — формат шрифтов ОрепТуре, 
совместимый с пользовательскими атрибутами (высота, ширина, наклон, оптиче- 
ский размер ит. д.) (рис. 14.20). Меняющиеся шрифты обозначены словом \амаМе 


(Меняющийся) в списке шрифтов или (тт значком рядом с именем шрифта. 


ОБест 












_Пуре | бёесЕ ЕНесе Мем \ММпдом Нар (съАситит МапаЫе Сопсер! 
АЧа Роги тот Турекк... (= Мтюп УапаЫе Сопсер* 
Роге и (=. Мупад УзпаЫе Сопсер! 
Весаги Рог (=обоигсе Соде УапаЫе 
Ста (обоигсе бапз УапаЫе 

(о боигсе бе! МапаЫе 








У бр 


Сопмей То Агеа Туре 
Агеа Туре Орбопс.., 


О Ачепап ЗАМРИЕ 
Туре опа Ра ‚. [9] АНег бон ато 
ТАгеаде Я Те ы | О Апа| Затре | 


Рис. 14.20. Меняюшиеся шрифты 
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Урок14. Работа с текстом 


В комплект последних версий Шага юг входит несколько меняющихся шриф- 
тов, для которых можно изменить высоту, ширину и наклон с помощью ползунка 
(рис. 14.21), открывающегося при нажатии ТТ на управляющей панели, палитрах 


Спагасег (Символ), Свагафег 5(е$ (Стили символов) и Рагаэгарй 56е$ (Стили 
абзацев). 


@ соггае: Ю. музьдузыые Соосер: © Веды [=] 
Мер 
—о 409 


Ааоре ^^. - 


Г я 


Рис. 14.21. Изменение параметров 
В комплект меняющихся шрифтов входит символьный шрифт ЕтойОпе. При 


помощи палитры С1урй$ (Глифы) вы можете к обращению добавить любой символ, 
используемый в социальных сетях (рис. 14.22). 








от - 
эоэоооосооосоооее - 
таеоосовооов фо 
озона онни 
3 паоооофФфФзеаа 
вооеоффсссав@аосе 
оззооофффо с о оФо? 
со@ыоаоюо 2 0 2 № № № 2 - 
ле “ ом - © щЩщ 


Рис. 14.22. Добавление символов 
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Команлы меню Туре (Текст) 


Основные команды главного меню дДля работы с текстом приведены в 


Ей Неад пе (Растянуть за- 
головок) 


Стеже ОцИте$ (Создать 
контуры) 


Ешд Еопё (Найти шрифт) 


Спапее Са$е (Изменить 
регистр) 


этаг( РипсшаНоп (Типо- 
графская пунктуация) 


эпом Н!9еп Спагасег$ 
(Показать скрытые сим- 
волы) 


Туре Опещайоп (Ориента- 
ция текста) 


Гегасу Техё (Наследование 
текста) 
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табл. 14.1. 
Таблица 14.1. Команды меню Туре (Текст) 
Команда Применение 
СЛурй$ (Символы) Вставка отдельных символов шрифта, которые невоз- 
можно набрать с клавиатуры 
Агеа Туре Орйоп$ (На- Настройки текста в области, разбиение на ряды и ко- 
стройки текста в области) |лонки 
'Туре опа Ра (Текст по Установка различных настроек для текста по контуру 
контуру) 
ТЬгеаде4 Техё (Связанный | Создание связанных текстовых блоков 
текст) 


Распределение текста заголовков по всей ширине тек- 
стового контейнера 


Преобразование выделенного текста в редактируемый 
контур (перевод в кривые) 


Формирование списка использованных в документе 
шрифтов для их поиска и замены (включая изменение 
начертания, цвета и кернинга), сохранение полученного 
списка шрифтов в отдельном файле 


Замена в выделенном тексте строчных букв на пропис- 
ные или наоборот 


Замена обычных символов, введенных с клавиатуры, 
стандартными литерами, используемыми в профессио- 
нальной полиграфии (в том числе лигатуры) 


Скрытие/отображение в тексте непечатных символов 


Преобразование горизонтального текста в вертикальный 
и наоборот 


Преобразование текстовых объектов при открытии фай- 
лов из предыдущих версий программы Шагаьог 


УРОК 15 





Слои. Маски отсечения 





Любое достаточно сложное изображение, созданное в программе Адобе Шизгаог, 
состоит из множества объектов, и разобраться в них иногда бывает не так-то легко. 
Для организации материала в макете и упрощения доступа к отдельным объектам 
служат слои — специальная иерархическая ступень в программе, позволяющая бы- 
стро и легко добраться до любого объекта, где бы он ни находился. Слои, крометого, 
обеспечивают удобную работу с маской отсечения — алгоритмом, позволяющим 


скрыть ненужную нам часть растрового изображения. Об этом и будет рассказано 
в данном замечательном уроке. 


В этом уроке вы научитесь: 
> работать с палитрой Гауег$ (Слои); 
> создавать слои, менять порядок их следования, блокировать слои; 
> перемещать объекты между слоями; 
> спомощью векторных контуров скрывать часть растровой иллюстрации; 
> создавать собственную картинку с использованием всего перечисленного. 
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Палитра Гауег$ (Слои) 


Преимушества работы со слоями 


Слои — мощное средство организации материала в вашем документе. Слои по- 
добны прозрачным листам кальки, на которых вы располагаете объекты. 

Сквозь пустые участки слоя видны объекты, расположенные на нижних слоях. 
Структура слоев иерархическая. Любой слой может содержать произвольное ко- 
личество подслоев. В любой момент времени вы можете обратиться к каждому из 
слоев, поменять местами, скрыть из видимости и печати, блокировать и прочее. 
Таким образом, вы управляете всей иерархией вложенности в документе, чувствуя 
и контролируя ее. 

Откройте файл [е$5опз\Урок_15 Слои. Маски отсечения\Машинка.а! (рис. 15.1). 


Пучшныя вабрынверьныя чеь Совере-Выладй ваз ре уль вены ста най тер рочаиой ПАБиННЫО" 





Рис. 15.1. Изображение машины в слоях 


Преимущества работы со слоями: 


Ф создавать или модифицировать объекты на любом слое независимо от других 
слоев иллюстрации; 


просматривать и печатать отдельные слои; 
блокировать выборочные слои; 

изменять порядок следования слоев; 

создавать трафаретные слои для трассировки растровых изображений; 


$ ФФ хх 


выделять объекты, группы, слои для изменения атрибутов оформления. 
Управление слоями происходит с помощью палитры Гауег$ (Слои) (рис. 15.2), 
которая вызывается «горячей» клавишей <Е7>. 

Рассмотрим возможности и преимущества работы в слоях. 
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** Хх 


. 


О вы 


Слой в режиме Оите — > › мечтает | 5 5 


О =-— Пиктограмма 
выделенного объекта 


Видимый слой — & > 





— АКТИВНЫЙ СЛОЙ 


Блокировка слоя ТП 





® в] › Фон = Атрибуты 
Цвет выделения слоя оформления 
Слой в режиме Тетр/ае — м в | › о 
5 [зу С Р чм чм 
| | Удаление слоя 


Создание маски отсечения 


Создание нового подслоя СОЗАание нового слоя 


Рис. 15.2. Палитра Цауег$ 


Основные функции палитры Гауег$ (Слои) 


Основное поле палитры представляет собой набор строк, каждая из которых 
соответствует слою. По умолчанию слои получают имена Гауег 1, Гауег 2 и т. д. Для 
удобства работы гораздо разумнее давать им осмысленные имена, поясняющие, ка- 
кого рода объекты лежат на слое. Слева от имени каждого слоя имеется маленький 
белый треугольник. Щелчок по нему развернет содержимое слоя. Если на слоеесть 
подслои или группы, ихтоже можно развернуть вплоть до отдельного контура (рай) 
или импортированного изображения. Маленький черный треугольник в правом 
верхнем углу отображает активность слоя, это значит, что все новые объекты будут 
создаваться именно здесь. 
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Палитра Гауег$ (Слои) позволяет на небольшом пространстве собрать множе- 


ство функций. 


+ Видимость слоя ® . Первый столбец в палитре отвечает за видимость слоя. Она 


включается и выключается щелчком по пиктограмме «глаз» слева от имени слоя. 
При этом «глаза» у всех лежащих на слое объектов станут неактивными. Щелчок 
по «глазу» при нажатой клавише <А[> — скрытие всех слоев, кроме данного. 
Щелчок по «глазу» при нажатой клавише <СИ]> переведет выбранный слой в 


режим ОиЯше (Макет) >. Если вдобавок еще нажать клавишу <А[{>, то врежим 
Оц@ше (Макет) перейдут все слои, кроме выделенного слоя. 


Блокировка слоя. Второй столбец в палитре отвечает за возможность редакти- 
рования или блокировки содержимого слоя. Устанавливается щелчком в поле 


рядом с именем слоя. Появляется значок @ «замок». Заблокировать можно как 
слой целиком, так и отдельные объекты. 


Выделение слоя. Последний столбец в палитре отвечает за выделение объектов, 
групп, слоя. Если у вас выделен объект на слое, справа от Тагеей (Цель) появ- 
ляется цветной квадратик его выделения Ш. Каждый слой имеет свой цвет вы- 
деления объектов. Цвет слоя указывается слева от имени слоя и выглядит как 
узкая цветная вертикальная полоска. При необходимости переместить объект на 
другой слой вы должны переместить эту пиктограмму с нажатой кнопкой мыши 
на другой нужный вам слой. Тогда цвет выделения изменится. Это значит, что 
объект перемещен на другой слой. 


Пиктограмма Тагоеё (Цель). Указывает, предназначены ли элементы для при- 
менения эффектов и атрибутов редактирования в палитре Арреагапсе (Оформ- 
ление). Если пиктограмма цели отображается как значок двойного кольца, 
элемент предназначен для этого (а если как значок одиночного кольца, то не 
предназначен). 

Также данные пиктограммы позволяют определить, является ли объект простым 


или к нему применены какие-то эффекты. В последнем случае это сигнал для нас, 
что в конце работы их надо разобрать (выполнить команду Ехрапа (Разобрать)). 


Выделить слой или отдельный объект можно, щелкнув по круглой метке Тагоеф 


(Цель) справа от имени слоя. У метки появляются дополнительный контур и ква- 
дратный маркер того же цвета, что и подсветка слоя. 


Свойства слоя 


Диалоговое окно Глауег ОрНоп$ (Свойства слоя) вызывается двойным щелчком по 


имени слоя в палитре (рис. 15.3). Многие параметры можно изменить с помощью 
пиктограмм, не заходя в данное окно. 


$ 
$ 


В окне Гауег ОрНоп$ (Свойства слоя) можно настроить параметры: 

Мате (Имя) — имя слоя, как оно будет отображаться в палитре Гауег$ (Слои); 
Со]1ог (Цвет) — цвет выделения объектов на слое. Можно выбрать цвет из меню 
или дважды щелкнуть на образце цвета; 

Тетр!ае (Трафарет) — делает слой шаблонным, трафаретным слоем; 

Госк (Закрепить) — блокировка слоя; 

эпох (Показать) — показ слоя; 
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+ РгшЕ (Печатать) — печать слоя; 
+ Ргемем (Иллюстрация) — отображение слоя в режиме Ргемем (Иллюстрация); 


$ ПО Птасе$ (о (Ослабление до...) — ослабление насыщенности растровых изо- 
бражений до определенного значения. На печать не влияет. 


`` 


[луг Орбопз 


напев 
Союг;: Мабета ыы Г] 


С Тетра [О ск 


(2 Зном Рип 
Ргемем — [] Ст 1тадез вю: 








Рис. 15.3. Параметры ЁВауег Орйоп$ 


Слой в режиме Тетр/а!е (Шаблон) 


Слой-шаблон заблокирован, не печатается, не экспортируется, отображается в 
режиме Ргемем (Иллюстрация) и ОцИше (Макет) в цвете с видимостью растровых 
изображений. 

Данный тип слоя создан для удобства трассировки растрового изображения, 
когда, с одной стороны, растровое изображение в режиме ОиИше (Макет) ото- 
бражается в цвете, с другой стороны, вы обводите максимально точно в том же 
режиме отображения. 


Создание нового слоя 


Новый пустой слой будет добавлен сверху активного слоя. Варианты создания 
нового слоя: 


Ф чтобы добавить слой выше выделенного слоя, нажмите кнопку “% Сгеме Ме\у 
Гауег (Создать новый слой) (см. рис. 15.2) в палитре Гауег$ (Слои); 


Ф выберите пункт №е\м Гауег (Новый слой) в контекстном меню палитры Глауег$ 
(Слои). 


Дублирование слоя 


Дублирование слоя полезно при различных вариантах цветовых решений на 
основе одних и тех же контуров. 
Варианты дублирования активного слоя: 


Ф перетащите имя слоя на пиктограмму “ создания нового слоя в палитре 
Гауег$ (Слои); 


Ф выберите пункт Эирйсае (Дублирование) в контекстном меню палитры Глауег$ 
(Слои). 
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Удаление слоя 
Варианты удаления слоя: 


Ф перетащите имя слоя на пиктограмму @ удаления слоя (корзину) в палитре 
Гауег$ (Слои); 
+ выберите пункт Оеее (Удалить) в контекстном меню палитры Гауег$ (Слои). 


Перемещение объекта по слоям 


1. Выделите объект. 


2. Перетащите пиктограмму выделенного объекта @, расположенную справа от 
слоя в палитре Гауег$ (Слои), на позицию нужного слоя. 


СИрртпда Масзк (Маска отсечения) 


Как вы знаете, растровое изображение — это всегда прямоугольная матрица неде- 
лимых пикселов. Поэтомуесли вы пожелаете скрыть часть фотографии, то это можно 
сделать операцией отсечения (визуальной, разумеется) в программе Шазгаюг. 

СПррше МазК (Маска отсечения) — способ скрытия части растрового изобра- 
жения векторным объектом. Часть растрового изображения внутри контура будет 
видна, за пределами контура часть растра будет скрыта, поэтому и название — от- 
сечение. Векторный объект может быть любым, исключая группы и составную 
форму. Все остальные виды замкнутых контуров, в том числе текст, могут играть 
роль маски отсечения. 


Векторная маска отсечения 


1. Откройте файл 1е5зоп$\Урок_15 Слои. Маски отсечения\Розы.|рд. Создадим картинку 
для открытки с розами и элементами Шиагаог. 

2. Инструментом Репсй (Карандант) обведите розы, для удобства установив от- 
сутствие заливки при работе. Для создания маски важно, чтобы маскирующий 
объект находился сверху растрового изображения (рис. 15.4). 





Рис. 15.4. Обволка каранлашом и созлание отсечения 


220 


Урок 15. Слои. Маски отсечения 





3. Выделите оба объекта (фото и контур). Выполните команду главного меню 
ОЩесЕ | СПррш Мак | МаКе (Объект | Маска отсечения | Создать) или нажмите 
комбинацию клавиш <СИ1>-+<7> (см. рис. 15.4). 

Обратите внимание, что при превращении объекта в «служебный» (в маску) он 

потерял все свои атрибуты, получив «пустые» обводку и заливку. 

Маскирующий и маскируемый объекты связаны друг с другом подобно элемен- 
там группы: при необходимости их можно выделять по отдельности инструментом 
Отоир э@есйоп (Выделение в группе) или ОшесЕ Заесйоп (Частичное выделение). 

Инструмент Ошесё Заесйоп (Частичное выделение) позволяет редактировать 
форму маскирующего объекта в любой момент. 





Рис. 15.5. Возможный дизайн с использованием кистей 


Итоговое изображение с возможным оформлением (применением кистей) пред- 
ставлено в файле 1е55оп5\Урок_15_Слои. Маски отсечения\Розы_итог.а! (рис. 15.5). 


Текстовая маска отсечения 


В качестве маски отсечения может выступать текст до перевода его в кривые. 
Примером данного технического приема служит плакат к фильму «Отступники» 
(рис. 15.6). Файл с данным изображением — 1е$оп\Урок_15_Слои. Маски отсечения\ 
ТТе-дерацед.рд. 

Для успешного результата необходимо использовать шрифт с «толстыми» бук- 
вами и заранее подобрать фотографию, чтобы смысл фото и текста был единым. 


ПРИМЕЧАНИЕ — Текст переводится в кривые после выполнения операции маскирования! 
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Рис. 15.6. Плакат к фильму с использованием маски отсечения 


1. Откройте файл 1е$50п$\Урок_15 _Слои.Маски отсечения\Джаз.а! (рис. 15.7). 
2. Выделите фотографию и надпись и создайте маску отсечения: <С@>+<7> 
(см. рис. 15.7). 
Текст потерял заливку, но сохранил все возможности форматирования: вы можете 
изменить его гарнитуру, начертание и другие параметры, можете изменить надпись, 
но он все равно останется маскирующим объектом. 


По окончании работы, как и в случае обычного текста, нужно перевести текст 
в кривые: <СН]>+<5Ш>-+<О>. 


2 гит я 








Рис. 15./. Фотография с текстом для маски и выполнение маскирования 
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Создание обтравочного контура 


1. Создайте новый документ. 
2. Командой ЕЙе | Расе (Файл | Поместить) поместите растровое изображение 


из файла [е$5оп5\Урок_15 Слои. Маски отсечения\Рогзспе.|рд. При этом в диалоговом 
окне поставьте флажок Тешр/аже (Шаблон) (рис. 15.8). 


|| Поиск: Урок. 15 Слои. Маски .. р 


= || * _соигвега 2019 > _[езвоп Сомгзега 





Упорядочить * Новая папка 
13| Недавние места 
Е Рабочий стел 
<) Сгеавуе Сид ЕИез 


`9 Библиотеки 
Я видео 
№ы| Изображения 
«> Музыка 


+ Домашняя группа 


М Компьютер 
2. бикныт ба (СА 


` | Вервее 
Г] ном трой ОрНопе 








Имя файла: Рогзсперу ГАИ Рога (*.АЬ".АП:".РОЕ/”.С 








Рис. 15.8. Поместить фотографию на трафаретный слой 


3. При выполнении команды у вас образуются два слоя: трафаретный с фото, 
обыкновенный слой для создания векторного аналога сверху (рис. 15.9). 





р ь_ В: ВИ 


2 Еуег; 
Рис. 15.9. В палитре слоев образованы лва слоя 
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4. На слое Гауег 1 создайте векторный контур вокруг машины с фотографии 
(рис. 15.10). Контур должен максимально точно повторять очертание машины, 
поэтому он создается инструментом Реп (Перо) в режиме ОицИше (Макет). 





Процесс создания обтравочного контура 


5. Снимите блокировку у слоя-шаблона. Перейдите обратно в режим Ргемем 
(Иллюстрация) — <СШ>-+<У>. 

6. Выделите контур и фотографию. Выполните с помощью «горячих» клавиш 
<СШ>-+<7> маску отсечения (рис. 15.11). 


ра Фаза В (ОМУ Ргемем | х 


[= 





-й Ш м 


\МЛаска отсечения 


Обратите внимание, что машина стала яркой, в полный цвет. При этом она пере- 
местилась со слоя-шаблона на слой с контуром, а слой-шаблон остался пустым. 
Эта технология очень удобна, поскольку в процессе работы картинка настроена 
для максимального удобства рисования, а в финале она сразу занимает свое место 
как полноправный элемент макета. 
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УРОК 16 





Стили и эффекты 


| 





ран: бгарык Зе 
Руа 6, Вс № 
Эыоын бра 

Зы: 10 рх 

Зови Г} 15 ри 

. [№ 


Орэсйу: Сели 





оооеое М 





ТЕ оаьсья ОНИ рец. 


Феи: СЯ Ана Рае 











Занят Пынбит БРЫЗГ = 


Е релыя мт. 5 Ге Маше Снижение _ | С = Салин С] 











Стили — это прекрасный способ быстро настроить вид объекта, не изменяя его 
структуры. Стили содержат атрибуты оформления: многочисленные обводки, залив- 
ки, эффекты и прозрачность. Вы можете настраивать, сохранять, подгружать стили, 
а также применять их к объектам, группам, слоям. Это замечательная возможность 
сэкономить время, затрачиваемое на оформительские моменты в работе. 

В данном уроке особое внимание уделяется стилям, применяемым в профессио- 
нальных проектах, которые легко настраиваются и прекрасно выглядят. 


В этом уроке вы узнаете: 

что такое редактируемые атрибуты и где их можно сохранить; 

как добавить объекту много разнообразных обводок; 

что такое графический стиль и как его сохранить; 

как применять атрибуты оформления к различным объектам, группам, слоям; 
как связаны палитры Глауег$ (Слои) и Арреагапсе (Оформление); 

как с помощью стиля нарисовать магистраль; 


ооооооо0о 


что такое ЗО-эффекты. 
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Атрибуты оформления 


В Адобе Шизгаюог внешний вид любого объекта, группы или слоя можно из- 
менять с помощью эффектов, а также палитр Арреагапсе (Оформление) и СгарШс 
5(е$ (Графические стили). 

Атрибуты оформления — это свойства, которые влияют на вид объекта, не изме- 
няя его базовой структуры. К атрибутам оформления относятся заливки, обводки, 
прозрачность, режимы смешивания и эффекты. Атрибуты оформления можно 
менять или удалять по своему усмотрению, а также сохранять их в виде стилей 
и применять к другим объектам. Кроме того, можно в любой момент изменить 
объект с примененным к нему стилем, а также сам стиль, что позволяет существенно 
сократить время, затрачиваемое на изменение объектов. 

Для отображения атрибутов оформления используется палитра Арреагапсе 
(Оформление). 

Команды главного меню ЕйЙес® (Эффект) позволяют изменить оформление 
объекта. 

С помощью палитры Гауег$ (Слои) атрибуты оформления можно применять 
к слоям, группам и объектам. 

Стилем называется набор атрибутов оформления. 

Палитра @гарШе 57е$ (Графические стили) позволяет создавать, именовать, 
сохранять и применять стили к объектам, слоям или группам. 


Палитра Арреагапсе (Оформление) 


Палитра Арреагапсе (Оформление) (рис. 16.1) используется для просмотра и из- 
менения атрибутов оформления объекта, группы или слоя. 

К атрибутам оформления относятся заливки, обводки, прозрачность, режимы 
смешивания и эффекты. 

Заливки и обводки приведены в порядке размещения: чем выше они в палитре, 
тем ближе к переднему плану в графическом объекте. Эффекты в палитре приво- 
дятся сверху вниз в том порядке, в котором они применяются к объекту. 


Ш х 


Е 


Рискег & Ва 1 
| > Экоке: брх 
| Зыоке: [Ш] 1Юрх 
[> зыоа: 15 рх 
> в м 


оо 























О @ > © 
Рис. 161. Палитра Арреагапсе 
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Рассмотрим кнопки, расположенные внизу палитры: 


[] — Ада Мем Эгоке (Добавить новую обводку); 


$ 
+ | — АЧа Ме\ ЕШ (Добавить новую заливку); 
+ р — А9а №ем ЕЙесе (Добавить всему объекту или выбранному атрибуту новый 


эффект); 
ё © — Сеаг Арреагапсе (Очистить внешний вид), удаление у объекта всех атри- 
бутов, объект становится служебным; 
\ — Пир|сае З@есед ЦКет (Создать дубликат выбранного атрибута); 
@ — Раее Баесеа Пет (Удалить выбранный атрибут). 


Ф® +х 


Для того чтобы оценить возможности палитры, а также ее связь со слоями, 
стилями и прочими параметрами, выполните небольшое упражнение. 
1. Постройте звезду с голубой заливкой и темно-синей обводкой толщиной 
15 рЕ (рис. 16.2). Обратите внимание: в палитре Гауег$ (Слои) значок Таг?е 
(Цель) отображается белым цветом, что говорит о базовых атрибутах оформ- 
ления. 
2. Скопируйте объект — у нас две одинаковые звезды. 


Ш х 


1 





| 


@ ›жь 
© › 15 рх 
© › 





Рис. 16.2. Построение базового объекта 


3. У одного из объектов мы изменим атрибуты оформления, используя палитру 
Арреагапсе (Оформление). Из контекстного меню палитры выполните коман- 
ду Ада №ем токе (Добавление новой обводки). По умолчанию добавляется 
наверх такая же обводка. Измените ее цвет на желтый и задайте толщину 10 ре, 
чтобы мы увидели результат. Обратите внимание на палитру Гауег$ (Слои), где 
значок Тагее (Цель) у нашего объекта изменил цвет на черный, что говорит 
о наличии атрибутов оформления. 

4. Добавьте еще одну обводку красного цвета, но меньшей толщины — 5 рё 
(рис. 16.3). 
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5. Активизируя в палитре Арреагапсе (Оформление) верхнюю позицию Ра 
(Контур), примените команду из главного меню ЕйЙесе | 015юг( & Тгап$Рогт | 
Рикег & В]оаЕ (Эффект | Искажение и деформация | Втягивание и раздутие) 
с параметром 71 % РиКег. 

6. Верхняя позиция Ра (Контур) в палитре Арреагапсе (Оформление) отвечает за 
совокупность оформления объекта и образует единый стиль. Этот стиль можно 
сохранить, настроить и применить к другим объектам, группам, слоям. 

7. Вызовите палитру Сгарше 56/[е$ (Графические стили). Щелчком по пикто- 
грамме №ем Старше 56е$ (Создать новый графический стиль) или просто 
перетаскиванием в данную палитру сохраните стиль объекта (рис. 16.4). 


“ 





Рис. 16.4. Сохранение стиля в палитре Огар с 5Уе$ 
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$. Перейдите в режим ОиИтше (Макет). Вы не увидите трех обводок и эффекта: 
стиль не изменил структуру объекта. Значок Тагее{ (Цель) у нашего объекта 
имеет черный цвет, что говорит о наличии атрибутов оформления и невоз- 
можности напечатать данную конструкцию в заявленном виде на Ро$спр(- 
устройствах. 

9. Разберите стиль, примененный к объекту, командой ОЩесе | Ехрапд Арреагапсе 
(Объект | Разобрать оформление). 

10. Результат — группа объектов, которые будут напечатаны, отображаются в ре- 

жиме ОиИше (Макет) (рис. 16.5). 

Итоговый пример и заготовки к нему вы можете посмотреть в файле [1е$$0п5$\ 

Урок_16 Стили и эффекты\Офомление.а1. 





Рис. 16.5. Применение команлы Ехрапд Арреагапсе разбирает стиль 


Палитра Гауегх (Слои) 


С помошью палитры Гауег$ (Слои) атрибуты оформления можно применять к 
слоям, группам и объектам. После применения к слою каждый рисунок, созданный 
либо перемещенный в этот слой или группу, автоматически принимает заданный 
внешний вид. 

1. Создайте новый документ. 

2. В палитре Гауег$ (Слои) щелкните по значку Тагое (Цель) у слоя, палитра 
Арреагапсе (Оформление) станет отображать оформление слоя (рис. 16.6). 
Пока оформление базовое. 

3. Изменим оформление, применив эффект ЕйЙесе | О15ог( & Тгап$Юги | 7427 ас 
(Эффект | Искажение и деформация | Зигзаг) с параметрами, представлен- 
ными на рис. 16.7. 

Теперь при построении объектов, которые сами по себе не имеют эффектов, 

слой будет влиять на их внешний вид (рис. 16.8). 


229 


АдоБе Шигаог СС 2020. Мастер-класс Евгении Тучкевич 





Рис. 16.8. Построение объектов на слое с измененным оформлением 


Таким образом, иерархия уровней влияет на оформление объектов. С помощью 
палитры Гауег$ (Слои) вы можете применять атрибуты оформления на разных 
уровнях. 
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Палитра СгарГ/с 51Уе$ (Графические стили) 


Как уже говорилось, стилем называется набор атрибутов оформления. Пали- 
тра @бгарше 5е$ (Графические стили) позволяет создавать, именовать, сохранять 
и применять стили к объектам, слоям или группам. 

Вы можете создавать, подгружать и настраивать стили. 

Создадим интересный стиль, который имитирует дорогу, назовем проект «Коа4» 


(Дорога). 


Проект «Гоад» (Аорога) 


Мы создадим три основных стиля: главной автодороги, железной дороги и за- 
бора, а потом вы, воспользовавшись этими стилями, создадите композицию, по- 
добную примеру или собственную на ваш вкус. 


Создание стиля главной автодороги 


Идея главной дороги в ее базовой широкой обводке (если вы хотите газон по краям 
дороги, то цвет обводки — зеленый). У нас запланирована обочина с гравием по краям 
дороги, поэтому стартовый пвет будет серым 20%, а контур — толщиной 30 рё. 

1. Нарисуйте прямоугольник или любой примитив без заливки, задайте толщину 

и цвет, как решили выше. 

2. Далее при активном объекте мы работаем с палитрой Арреагапсе (Оформле- 

ние), создавая стиль. 

3. Добавьте последовательно обводки, как на рис. 16.9. 

4. Вторая обводка имитирует черный асфальт, верхняя, самая последняя, — раз- 

делительную белую полосу. 

5. Сохраните стиль в палитре Старше 56/е$ (Графические стили). 













Разметка | 
Асфальт бгарН ЗЕ 
Обочина [= 
ь | № и _ 
| Главная дорога | 
№. очи 
Разметка 


Рис. 16.9. Созлание стиля главной лороги 
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Создание стиля забора 
Забор (так же, только чуть шире, может выглядеть трубопровод) желательно 
нарисовать серый с разделительными столбами — вид сверху. Начнем создание 


с примитива. 
Стартовая линия — серая; столбы должны быть чуть шире, цвет тот же 


(рис. 16.10). 





Рис. 1610. Созлание стиля забора 


Создание стиля железной дороги 
Железная дорога имеет шпалы и рельсы. Мы чуть сжульничаем и нарисуем до- 
рогу на фоне, предполагая, что фон — зеленая трава (рис. 16.11). 


ы - - 


Рис. 16.1. Созлание стиля железной лороги 


Ш х 





Теперь, когда все основные стили созданы, откройте пример из файла [е$$0п$\ 
Урок_16_Стили и эффекты\Карта_пример.|рд и попробуйте создать аналогичный план 
местности (рис. 16.12). 
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Г & №" 


]} зазибом 





Рис. 1612. Карта для примера 


Работа с эффектами. Меню Е ес (Эффект) 


Об эффектах 


Стили в большинстве случаев содержат эффекты, поэтому в данном уроке 
мы рассмотрим интересные эффекты в дополнение к эффектам трансформации 
(см. урок 6). АдоБе Шаугаог поддерживает большое количество эффектов, которые 
можно применять к объекту, группе или слою для изменения их характеристик. 
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После применения эффекта к объекту этот эффект отображается в палитре 
Арреагапсе (Оформление). В этой палитре можно отредактировать эффект, переме- 
стить его, продублировать, удалить или сохранить как часть графического стиля. 

При завершении работы с иллюстрацией все эффекты необходимо «разобрать», 
чтобы избежать проблем при печати или экспорте файла в другие векторные при- 
ложения. Для того чтобы «разобрать» эффекты, необходимо выделить все объекты, 
к которым они применены, и выполнить команду меню ОЩес{ | Ехрапд Арреагапсе 
(Объект | Разобрать). 


Эффекты 30 (объемное изображение) 


В данном разделе мы рассмотрим 3ЗО-эффекты, вызывающие наибольший 
интерес. 

Используя 3ЗО-эффекты, вы можете создавать объемные изображения, настраи- 
вая освещение, тени, выдавливание и прочие параметры. В качестве основы для 
ЗР всегда используются двухмерные изображения. 


Ежгиае & Веуе! (Выдавливание и фаска) 


С помощью данного эффекта вы можете преобразовать плоские фигуры в ре- 
дактируемые трехмерные объекты путем экструзии. При этом возможно добавле- 
ние эффектов освещения и проецирование плоских изображений на поверхности 
трехмерных объектов. 

1. Создайте новый документ. 

2. Нарисуйте красный квадрат со скругленными углами без обводки. 

3. Создайте шесть образцов символов для того, чтобы потом поместить их на 
грани кубика. Залейте круги белым цветом и используйте выравнивание. 
Сохраните их как символы в палитре эутбо [$ (Символы), обязательно указав 
имя для каждого из них (имя: 1, 2, 3, 4, 5 иб). Так как круги белого цвета, то 
рекомендуется создавать их в режиме Ои@ше (Макет) (рис. 16.13). 


422 ве > © ы* © 
ЕВ СС ВС ®) 


Рис. 16.13. Образцы фигур для залания в символы 


я 


4. Выполните команду ЕЙес® | ЗО | Ехгаде & Веуе! (Эффект | 30 | Выдавливание 
и фаска). 

5. Установите параметр Ехега4е Бер (Глубина выдавливания) равным 125 ре, 
укажите углы поворота. Включите опцию Ргемем для просмотра результата 
(рис. 16.14). 

6. Нажмите кнопку Мар Аг (Карта проекции), чтобы нанести изображение на 
поверхность кубика. 
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Рис. 16.14. Установка глубины вылавливания и углов поворота 


7. Переключаясь по поверхностям (за асе), установите для них необходимые 
изображения из списка Зутро]. Используйте созданные вами символы 1, 2, 
3, 4, 5иб6 (рис. 16.15). 























Рис. 16.15. Проецирование символов на поверхности кубика 


235 


АдоБе Шизгаог СС 2020. Мастер-класс Евгении Тучкевич 





$. Нажмите кнопку ОК для возврата в окно ЗО Ех@таде & Веуе Орбоп$. Нажмите 
кнопку ОК для применения эффекта. 

9. Скопируйте получившийся кубик, перетащив его с нажатой клавишей 
<АЁ>. 

10. Выделите второй кубик и в палитре Арреагапсе дважды щелкните на строке 
эффекта 30 Ехегиде & Веуе (Марре9д). В открывшемся диалоговом окне на- 
строек эффекта установите другие углы поворота и нажмите кнопку ОК. 

11. Результат работы приведен на рис. 16.16. 





Рис. 16.16. Лва трехмерных кубика 


Реуо/уе (Вращение) 


С помошью данного эффекта вы можете преобразовать плоские фигуры вредак- 
тируемые трехмерные объекты путем вращения вокруг виртуальной оси. При этом 
возможно добавление эффектов освещения и проецирование плоских изображений 
на поверхности трехмерных объектов. 

1. Откройте файл 1е$$оп$\Урок_16_Стили и эффекты\34.а. 

2. Выполните команду ЕйЙес® | ЗО | Веуоуе (Эффект | ЗО | Вращение) с параме- 
трами по умолчанию (рис. 16.17), включив опцию Ргемем для просмотра 
результата. 

3. При желании получить более сложную фигуру вы должны построить профиль 
этой фигуры, соединить вертикальные опорные точки, присвоить цвет и вы- 
полнить ту же команду. Примером построения по профилю может служить 
шахматная фигура — пешка. Схема работы представлена на рис. 16.18. 

4. В Шиугаог, в отличие от трехмерных профессиональных приложений, нет 
возможности вырезать из трехмерных объектов детали. Поэтому в случае 
создания объектов сложной формы необходимо эту форму учитывать при 
создании профиля. Пример такого сложного объекта — бокал. Схема по- 
строения приведена на рис. 16.19. 

5. Все эти эффекты вы можете сохранить в виде стиля (см. рис. 16.19) для даль- 
нейшего использования. 

Примеры использования рассмотренных эффектов представлены в файле [е$50п$\ 

Урок_16_Стили и эффекты\За епд.а. 
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Рис. 16.18. Созлание шахматной трехмерной фигуры из профиля 


[м 
№. хин 
Арреагатсе 
Ра: бгарые 50а 2 
о › РИ: 

| 
© зов & 
О м 5. та 


Рис. 16.19. Созлание трехмерного бокала из профиля 





И 
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Сволка по эффектам 


В табл. 16.1 приведен перечень эффектов из меню ЕЙес{ (Эффект). 


Таблица 16.1. Меню Ерест | Шиягалог Ересв (Эффект | Эффекты Шиягаог) 


Эффект 
30 (Трехмерные 
эффекты) 


Сопуег( 0 ЭВаре 
(Преобразовать в 


фигуру) 
Сгор МагК$ (Метки 
обреза) 


0150г & ТтапЮгт 
(Исказить и транс- 
формировать) 


Рай (Контур) 


Ра®йпдег (Обработ- 
ка контуров) 


Вазетяе (Растриро- 
вать) 


5(у7е (Стилизация) 


ЗУС ЕЩег$ (Фильтры 


ЪУО) 
Уагр (Деформация) 
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Действие 


Преобразование открытых или закрытых контуров либо рас- 
тровых объектов в объемные объекты, которые можно пово- 
рачивать, освещать и затенять 


Перерисовка векторного или растрового объекта 


Применение меток обреза к выделенному объекту 


Преобразование векторных объектов или их атрибутов внеш- 
него вида в различные формы (см. урок 6) 


Сдвиг контура объекта относительно его первоначального 
расположения, преобразование текста в набор составных 
контуров, которыми можно манипулировать точно так же, как 
любыми другими графическими объектами, и замена обводки 
выбранного объекта на объект с заливкой, толщина которой 
совпадает с толщиной первоначальной обводки 


Объединение групп, слоев или подслоев в редактируемые 
объекты 


Преобразование векторного объекта в растровый 


Добавление в объекты теней, скругленных углов, растушеван- 
ных краев, свечения и каракулей 


Добавление в графический объект графических свойств на 
основе ХМГ, например теней 


Искажение или деформация таких объектов, как контуры, 
текст, сетки, переходы и растровые изображения 


УРОК 17 





Импорт и экспорт 





Этот урок посвящен взаимодействию растровой и векторной графики. 

В некоторых случаях вы должны использовать иллюстрации, созданные вдругих 
приложениях. Можно импортировать как векторные, так и растровые изображения 
из файлов. Адобе Шаугаог распознает все распространенные форматы графиче- 
ских файлов. Тесная интеграция между продуктами Адобе Шагаог и РВоозВор, 
а также поддержка множества разнообразных форматов файлов позволяют легко 
перемещать изображения из одного приложения в другое с помощью экспорта и 
импорта. 

При выводе результатов работы Шизгаюг в растровое изображение вы можете 
задать любую область ограничения результата. В этом уроке мы разберем тонкости 
вывода размера с использованием монтажной области (а Фоага) и многое другое, 
относящееся к взаимодействию Шаягаог и Рпоозпор. 


В этом уроке вы узнаете: 

> какой текстовый формат для импорта является лучшим; 

> что такое связь и внедрение; 

> вчем преимущество связанной растровой иллюстрации; 

=> как сделать векторную иллюстрацию ограниченной по любому желаемому 
формату. 
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Импорт в АдоБе Шига®юг 


Вы можете использовать заготовки векторных изображений, текстовые файлы, 
созданные в других приложениях, растровые иллюстрации, используя команду 
импорта. Шазгаог распознает наиболее распространенные форматы графических 
файлов. Импорт осуществляется командой главного меню ЕИе | Р!асе (Файл | По- 
местить). 


Импорт текста 


Одно из преимуществ импорта текста из файла в сравнении с копированием и 
вставкой заключается в том, что импортированный текст сохраняет форматиро- 
вание символов и абзацев. 

Существуют три наиболее известных текстовых формата: ТХТ, РОС, КТЕ 
Текст из КТЕ-файла сохраняет в Шаятаюг параметры шрифтов и стилей. Кроме 
того, при импорте текста из открытого текстового файла можно задать кодировку 
и параметры форматирования. 


ВАЖНО! — При импорте текста из файлов убедитесь, что шрифты, используемые в этих файлах, 
установлены в системе. 





Выполним небольшое упражнение: 

1. Создайте новый документ. 

2. Выполните команду ЕИе | Расе (Файл | Поместить), указав в диалоговом окне 
файл 1е$з0п5\Урок_17_Импорт и экспорт\А\МА. (Е. 


3. Текст помещается в виде блока с сохранением параметров форматирования 
(рис. 17.1). 


рессиональная Академия Биндсерфинга 


рофессиональная Академия Виндсерфинга (В\МА) острова Родос представляет вам уникальную возможность 

рекрасного отдыха, сочетающего в себе солнце, море, ветер и наслаждение свободой. ВИА - единственная 
официальная академия виндсерфинга на острове Родос. Основатель академии - атлет Национальной сборной 
реции, чемпион Европы по виндсерфингу Ахиллеас Е. Тзимас СВЕ - 1111. 


Родос расположен в Юго-Восточной части Греции. Родос называют “Островом солнца” за 320 солнечных дней в 
оду. Родос - идеальное место для вашего отдыха. Станции КМА расположены на средиземноморском острове 
Родос в Греции, в местечке Иксия, которое более известно как биг {егз Рага‹йзе — «Рай для серферов» и открыты 

начала марта до конца ноября с рассвета и до заката солнца. 


АМА предоставляет новейшее парусное оборудование от Мей Ргуде и доски от }Р-Аизгайа и $тагфоага. ЕУМА 
вляется центром тестирования всемирно известных виндсерферских брендов }Р-Аизгайа и Мей Ргуде. Наша 
оманда свободно говорит на английском, немецком, французском, русском, голландском языках. 





АМГА учит начинающих и ый чорна среди опытных и ен провели этап |.Е.С.А. Чемпионата 


Рис. 17.1. Пример помешенного текста 


Импорт векторных изображений 


В векторном редакторе Адобе Шиягаог вы можете не только создавать свои 
изображения, но и редактировать помещенные. 
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Наиболее известны клипарты программы СогеШОКАХ/ и изображения формата 
\МЕ(\Мшао\ Ме Ейез). При выполнении команды Ее | Расе (Файл | Поместить) 
Шазегайог преобразует все объекты во внутренние объекты Шазгаюог. 

1. Создайте новый документ. 

2. Выполните команду ЕЙ? | Расе (Файл | Поместить), указав в диалоговом окне 

файл [1е$50п5\Урок_17_Импорт и экспорт\1етоп.саг. 

3. Изображение поместилось с сохранением цвета и опорными точками 

(рис. 19.2). Вы можете работать с лимоном, созданным в Соге!ШОКА\М, как с 
объектом, если бы он был создан в Адобе Шизгаогт. 





Рис. 17.2. Пример помешенного векторного изображения 


4. Выполните команду ЕЙе | Расе (Файл | Поместить), указав в диалоговом окне 
файл [1е$50п5\Урок_17_Импорт и экспорт\райу ммтЕ. 

5. Изображение \У/МЕ-формата имеет огромное количество опорных точек 
(рис. 17.3). Однако вы можете его перекрашивать и изменять форму за счет 
изменения положения точек. 

При помещении векторных изображений формата \/МЕ происходит внедрение 

их в файл Адобе Шагатог, они становятся частью файла. 





Рис. 17.3. Пример помешенного изображения \Л/ЛМЕ -формата 
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Импорт растровых изображений 


О связанных и встроенных иллюстрациях 


При помещении растрового объекта в файле Адобе Шиазгаог отображается вер- 
сия файла с экранным разрешением, доступная для просмотра, однако реальный 
объект может быть или связанным, или встроенным. 

В большинстве требований типографий по подготовке макетов к печати вы- 
ступает предписание о связи растровых изображений. Это требование неслучайно. 
Если изображения вставлены по связи, то существует возможность редактирования 
растра в АдоБе РпотозПор. 

Связанный объект (ПпК) обладает следующими преимуществами: 
документ Адобе Шиягаог ссылается на связанный объект; 
связанный объект хранится независимо от документа Адобе Шиазгатог; 


размер файла Адобе Шиугаог не увеличивается; 


$ ФФ х 


связанный графический объект можно независимо редактировать, например в 
программе АдоБе Рпо{озПор, изменения отображаются в Адобе Шазгатог (связи 
обновляются); 
Ф можно использовать многократно связанный объект без значительного увели- 
чения размера документа. 
Встроенный объект (етлбеде9) характеризуется слелующим: 
Ф копируется в документ в полном разрешении, что приводит к увеличению раз- 
мера файла Адобе Шиазгатог; 
Ф редактировать встроенный объект вне файла Адобе Шизгаюг невозможно. 
При встраивании изображений в файл Шиягаог они сохраняются внутри до- 
кумента. При работе с Адобе Шизгаюг возможно извлечь встроенные изображения 

и заменить их соответствующими извлеченными Р®О- или ТТЕЕ-файлами. Вы 

можете также использовать или редактировать извлеченные файлы вне программы 

Шазега юг. 

Выделите встроенное изображение в документе и выполните одно изследующих 
действий: 
Ф на управляющей панели выберите Опетфе4 (Извлечь); 
+ вменю палитры ГШиК$ (Связи) выберите Опетфед (Извлечь). 
В диалоговом окне Опетед (Извлечение) укажите имя и местоположение нового 
файла (только для РЭО или ТТЕК) и нажмите кнопку Сохранить. 
Объект будет извлечен и связан с файлом Шазгаог. 
Проверить, является иллюстрация связанной или встроенной, а также изменить 
это состояние можно в палитре Глик$ (Связи). Для этого: 

1. Создайте новую папку у себя на компьютере. Назовите ее «Реклама». 

2. Создайте новый документ. Сохраните его в этой папке. Предположим, это 
наш будущий рекламный проект. Текст и логотипы мы будем создавать здесь 
(чуть позже), а растр обрабатывать в Адобе Рпо‘озПор (собственно, он для 
этого и предназначен). 
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3. Скопируйте из электронного архива кданной книге файл [е550п5\Урок_17_ Импорт 
и экспорт\НомегАИ к себе в папку «Реклама» (там сейчас два файла: векторный 
и растровый). 

4. Выполните в А[-файле команду ЕЙ? | Расе (Файл | Поместить), указав в диа- 
логовом окне файл Номег4 и, самое главное, установив в этом окне флажок 
Пик (Связать) (рис. 17.4). 

5. Изображение с фиалками поместилось в файл Шиаягаог по связи. В палитре 
Пик$ (Связи) отображаются данный файл и его связанное отношение с фай- 
лом Шазгатог (рис. 17.5). 


Ш Расе 
®`®) 7 й << [еззо.. ® Урок 17_Импорти экспорт * | ++ сртизк.. ЮР 
= о © 











Тегтр!ае 
Вер|асе 
Г] ЗВоми ипрой ОрНопе 


АП Рогилай$ (".ДЕ".АГТ:“.РОР".С = 











3 о аи 





Рис. 17.5. Растровое изображение, помешенное по связи 
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6. Запустите Адобе РЮобозВор. Откройте файл Номег И в РВоюзВор. 

7. Сейчас мы будем осуществлять волшебное взаимодействие, когда все из- 
менения в АдоБе РВоюзвор мгновенно переносятся к нам в Адобе Шигают. 
У вас открыты два приложения (рис. 17.6). 


Ш Басе уе Туре Нем Рае ЗО Ме Моде НХ [м] & [= Бой ОБесе Туре Заюсе ЕНесе Мб  МЛоом Нар 
№ Т- Омен п реа Терме Село 2 4 = ет ыы Ра Роме КСВ РР: 309 Ета ЕЗИ Сыры аки Тао 
РАБег Г 0 65, Г ВИ = 
пе -1* © 150% СОМУИКУРгемреии) © 
1% 
В“ 
». 
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Рис. 17.6. Запуск лвух программ и их взаимолействие при условии связанного изображе- 
ния, помешенного в документ у5иа©Юг 


$. Предположим, нам необходимо изменить цвет в фиалках. Думаю, все согла- 
сятся, что это лучше сделать в АдоБе РИпотозВор. В программе АдоБе РПоозВор 
вызовите «горячими» клавишами <С>-+< > команду цветовой коррекции 
Ние/За@игайоп (Цветовой тон/Насыщенность). 

9. Установите параметры диалогового окна, выбрав в выпадающем списке Вшез$ 
(Синие), установите Ние (Цветовой тон) +90 (рис. 17.7). При этом цвет фиалок 
изменится на розово-красный. 

10. Сохраните файл в РВоюзПор. 

И. Перейдите в программу Шаягатог. В программе появится диалоговое окно, 
говорящее о модификации файла на связи (рис. 17.8). 

12. Согласитесь с модификацией, и вы увидите, что изменения, выполненные в 
РпотозВор, отобразились в Шигаюг. 

13. Выполните в РЮоозБор самостоятельно еще раз аналогичное преобразова- 
ние. 

14. Сохраните файл. Шибгабог будет учитывать изменения. 
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Изменение параметров Ние/ъаиугаНоп 


ддоБе Шузгатог 


огпе Я юз аге зто ог побед п Ле ИпК$ рапе!, Мю уси ке ю 


ирдае Пет пом? 
чт 








Диалоговое окно, сообшающее о взаимолействии программ 
при наличии связанного изображения 


Таким образом, все модификации с растровыми изображениями, так удобно со- 
вершаемые в растровом редакторе Рпо{озПор, вы можете использовать в векторном 
Шозегаог при условии помещения растра по связи. 


Палитра [/7А$ (Связи) 


Палитра ШиК$ (Связи) используется для просмотра и управления всеми свя- 
занными или встроенными иллюстрациями. В палитре отображаются миниатюра 
иллюстрации и пиктограмма, указывающая на статус (рис. 17.9). 
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Пиктограммы внизу палитры: 

+ Вешк (Заменить объект) — за новым изображением сохраняются размеры рас- 
положения, атрибуты, трансформация исходного связанного файла; 

Ф Со То Шик (Перейти к объекту) — выделяет связанный объект; 

Ф Ораме Пик (Обновить связь) — для модификации файла и замены изобра- 
жения; 

+ ЕЕ Опоша! (Редактировать оригинал) — запуск родительской программы вы- 
деленной связи. 


сомфоу. РЗ А — Внешний файл 
не найден 





СНгузапфептит.]рд ХА — Внешний файл 


модифицирован 





Текущая связь 


Номмег 


Ипк$ 
! Репоштз ра — Внедренное 
изображение 


у № <> 49 © и — Ей Опдта 
(Редактировать 


оригинал 
Вейпк Ордаю Цик 7 


(Заменить объект) (Обновить связь) 
Со То Ипк (Перейти к объекту) 


Рис. 17.9. Палитра Мпк$ 


Экспорт из Адобе Шизгаюг 


Для экспорта векторных изображений в растр необходимо помнить, что по 
умолчанию у растровых форматов нет «формата» документа. Это может неожи- 
данно огорчить вас. 
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Сохранение для \ЕБ осуществляется с использованием палитры А$$её Ехрог 
(Экспорт ресурсов), где отображаются компоненты, которые вы собираете из 
слоев для формирования \@Б-макета. Как правило, эти компоненты необходимо 
экспортировать в различные форматы и для разных плотностей. 

Сохранение для полиграфии в формате ТТЕЕ осуществляется командой ЕЙе | 
Ехроге | Ехрог( Аз (Файл | Экспорт | Экспорт Как). В диалоговом окне (рис. 17.10), 
появляющемся после выбора команды, необходимо указать учет или отсутствие 
формата монтажной области (флажок 0$е Агфоагд$ (Использовать монтажные 
области)). 

1. Откройте прекрасный букет из файла [е$50оп$\Урок_17_Импорт и экспорт\Букет.аи. 

2. Выделите содержимое. Оцените размеры Воип@ше Вох (Габаритный контей- 

нер) (рис. 17.11). Вывод в растровый формат по умолчанию происходит по 
размеру контейнера без учета размера документа. 


= Г 


х 





Ш еро 


©О- 1 < Ден.. › Урок47.Импорти экспорт 


* [4 | | Пошск: Урож.17_Импорти ж.. Ю 








Рис. 17.1. Габаритный контейнер солержимого файла 
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Использование нескольких монтажных областей 
при различных размерах вывола 


Создадим две монтажные области под разные размеры вывода. Активизируем 

палитру Агфоагд$ (Монтажные области). 

1. С помощью инструмента АгФоагд (Монтажная область) измените размер 
монтажной области, например сделайте ее квадратной формы. Назовите ее 
«Букет» (рис. 17.12). 

2. Щелчком по пиктограмме №ем АгФфоагд (Новая монтажная область) создайте 
вторую монтажную область (рис. 17.12). 

3. Инструментом Агфоаг@ (Монтажная область) измените ее размер, выделив 
только цветы. 


4. Двойным щелчком по названию введите новое название — Цветы. 





Рис. 17.12. Созлание и название новой монтажной области 


5. Активизируйте инструмент Э@есйоп (Выделение), закончив изменение обла- 
стей. Для примера мой файл находится в папке [е$$01$\Урок_17_Импорт и экспорт\ 
Букет с артбордами.а. 

6. Выполните команду ЕЙе | Ехрог" | Ехрог( А$ (Файл | Экспорт | Экспорт Как). 
В диалоговом окне выберите тип файла ТТЕЕ укажите все монтажные области 
(флажок О$е Агфоагд$ (Использовать монтажные области, переключатель 
АЙ (Все)). 

На рис. 17.13 показаны результаты формирования файлов с использованием 


двух монтажных областей. Как видите, размеры документов формируют размеры 
областей. 





Букет_БукетА# Букет_ЦветыА ий 


Рис. 1713. Результаты экспорта 
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Узорная заливка 


& 
“ 
в 

2. 





РаПетиу (узоры) — это бесшовные заливки, хранящиеся в палитре Эмаесвез$ (Об- 
разцы). Использование узоров экономит время, т. к. вы можете применить, к при- 
меру, кирпичную заливку вместо рисования клонированием тысячи кирпичей. 

В Шизгаог находится большая библиотека узоров, которую вы можете использо- 
вать, а также изменять узоры по вашему усмотрению. В данном уроке мы научимся 
создавать свои узоры, а также модифицируем существующий вариант. 


В этом уроке вы научитесь: 
= использовать стандартные узоры, а также их изменять; 
= учитывать узорную заливку при трансформации; 
< создавать свои узоры; 


= работать с библиотеками и познакомитесь с примерами использования узорных 
заливок. 
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Особенности работы с узорами 


Одним из элементов в палитре Эмаесйе$ (Образцы) выступают бесшовные 
заливки-узоры. Вы можете применять уже существующие образцы, подгружать их 
из библиотек, а также создавать свои. 

Рассмотрим пример. 

1. Откройте файл 1е$$оп$\Урок_18_Узорная заливка\Старт.аи. 

2. Обратите внимание, что в палитре Эма@еВе$ (Образцы) находится узор ГЛатоп@ 

Сире$ (Алмазные кубы) (рис. 18.1). 

3. Постройте любые объекты и залейте их данным узором (рис. 18.1). 

4. Перейдите в режим ОиИше (Макет). Узорные заливки не отображаются. 

5. При трансформации с помощью Воип@аш? Вох (Табаритный контейнер) узор- 
ная заливка не трансформируется. Поверните за Воипдш? Вох (Табаритный 
контейнер): объект поворачивается, узорная заливка — нет (рис. 18.2). 

Во всех диалоговых окнах трансформации существует выбор, что именно транс- 

формировать (рис. 18.3): Райеги$ (Узоры), ОЩес (Объекты), совместно. 
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Рис. 18.2. Поворот объекта за контейнер Рис. 18.3. Учет узоров 
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Изменение станлартных узоров 


Вы можете изменить стандартный узор, сохранить его в палитре Эмаесйе$ (Об- 
разцы), обновить узоры на объектах. Продолжим работать с файлом Старт.аи. 
1. Вытащите мышью из палитры ЭмаевВе$ (Образцы) образец узора Платоп@ 
Сифе$ (Алмазные кубы) на рабочий стол (рис. 18.4). Это группа объектов. 


СМ 





Рис. 18.4. Елиница узора Оатопд Сибез Рис. 18.5. Перекрашивание образца 


2. Перекрасьте части этой группы инструментом Сгоир Э@есйоп (Выделение 
в группе) (рис. 18.5). 

3. Инструментом э@есЯоп (Выделение) перетащите получившийся образец, 
как одно целое, в палитру ЭмаейВе$ (Образцы). Будет создан новый образец 
(рис. 18.6). 





Рис. 18.6. Сохранение нового образца узора 
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4. Если в палитре Эмаекве$ (Образцы) новый образец перетащить на старый, 
удерживая клавишу <АЁ>, то произойдет замена образца и все объекты, даже 
если они не выделены, изменят свою узорную заливку (рис. 18.7). 

Таким образом, вы можете редактировать стандартные образцы. 





а. 





Рис. 18.7. Релактирование образца изменяет узорную заливку всех объектов 


Созлание заказного узора 


1. Создайте квадрат 2х2 см с красной заливкой, без обводки. 

2. Вызовите команду главного меню ОЩес® | Равегп | Маке (Объект | Узор | Со- 
здать). 

3. Появится диалоговое окно с сообщением о том, что новый узор будет добавлен 
в палитру эмаеВе$ (Образцы) (рис. 18.8). 
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Г А 








(©) Ве пем рабет Ваз Бееп 20429 {0 Ме макНез рапе!, 
Апу спапоез таде упйе м Рабет ЕФло Моде у Бе аррйед © Че 
эмасв ирой ехк. 
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Рис. 18.8. Диалоговое окно запроса на автоматическое лобавление узора 
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4. Создайте объект. (У меня, например, белый круг без обводки в правом нижнем 
углу квадрата.) Программа создает повторяющиеся объекты в углах квадрата, 
сразу соблюдая бесшовность (рис. 18.9). 

5. Нарисуйте звезды. Команда добавит их в узор (рис. 18.10). 





Рис. 18.9. Формирование бесшовного узора Рис. 18.10. Добавление объектов в узор 


6. Щелчок по позиции Вопе (Готово) в левой верхней части документа (рис. 18.11) 
закрывает построение и сохраняет новый образец узора в палитре Эмасйез$ 
(Образцы). 





Рис. 18.1. Сохранение узора 


Созлание узора «кирпичная клалка» 


1. Создайте прямоугольник с красно-кирпичной заливкой, черной обводкой. 
2. Вызовите команду главного меню ОЩес& | РаЦеги | Маке (Объект | Узор | Со- 
здать). 
В диалоговом окне Ра еги ОрНоп$ (Настройки узора) выберите из списка ТШе 
Туре (Тип разбиения) вариант ВискК Бу Ком (Кирпичи в ряд). Также можно 
варьировать параметр Виск ОЁ5е (Кирпич отступ) (рис. 18.12). 
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Рис. 18.12. Изменение типа разбиения и отступов 


3. Щелчком по позиции Оопе (Тотово) в левой верхней части документа со- 
храните новый образец узора в палитре Эмаесйе$ (Образцы) и примените его 


к объекту. 


Библиотеки узоров 


Содержимое палитр является «достоянием» документа. Если вы стартуете с ново- 
го документа, то не стоит ожидать в нем многообразия наборов в палитрах. Однако 
вы всегда можете «нарастить» потенциал дизайнера за счет библиотек, которые 
устанавливаются вместе с пакетом. 

1. В нижней части палитры ЗЭмасйе$ (Образцы) крайняя левая пиктограмма — 
эмабеНне Глгатез шепи (Меню библиотеки образцов) (рис. 18.13). 
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Рис. 18.13. Выбор библиотеки узоров 
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2. Выберите библиотеку узоров Ра@еги$ | Оесогайуе | Оесогайуе Гезгасу (Узоры | 
Декоративные | Декоративное наследие). 

3. Внаш документ добавилась данная библиотека. Ее нельзя редактировать, т. к. 
это файл из другого документа. Щелкая по желаемому узору, вы переносите 
его в палитру эмаеВе$ (Образцы) вашего активного документа, где ваш выбор 
будет всегда готов к использованию и редактированию библиотек. 


На рис.18.14—18.18 приведены примеры использования узоров в работе ди- 
зайнера. 
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Пример использования узоров 2 
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Пример использования узоров 3 Пример использования узоров 4 





Пример использования узоров 5 
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Кисти 
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Кисти — это средство декоративного оформления контура. Шиягаог распола- 
гает пятью типами кистей для различных оформительских задач. Удобство кистей 
заключается в быстрой модификации форм, применении однотипных образцов, 
что экономит время — это технические моменты и преимущества. Однако самое 
главное в применении кистей — это неповторимое стилистическое и орнаменталь- 
ное «звучание» в вашей композиции. 

Вы можете создавать свои кисти, а также подгружать несметные богатства кистей 
из библиотек программы. 

В этом уроке вы научитесь настраивать уже имеющиеся кисти и увидите воз- 
можности вновь созданного. 


В этом уроке вы узнаете: 
= обо всем разнообразии декоративных обводок; 
> о типах кистей; 
> о способах присвоения кистей; 
> как создать свою заказную кисть; 
> как изменить кисти, имеющиеся в большом арсенале оформления; 
> примеры использования кистей в оформительской работе дизайнера. 
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Кисти 


Кисти (ВгазВез) — это средство декоративного оформления контура, поэтому 
все настройки и цвет обводки выбранного контура влияют на внешний вид приме- 
ненной к нему кисти. Кисти не отображаются в режиме Ои@ше (Макет). В составе 
кисти нельзя использовать градиент, поэтому цветовой переход заменяют на В]еп@ 
(Превращение, перетекание, переход). 

В файле 1е5зопз\Урок_19 Кисти\Адобе затре.а! приведен пример от компании АдоБе 
по использованию кистей в проекте. Перейдите врежим Оц@ше (Макет) (рис. 19.1). 
Декоративные контуры не видны. Но как стилистически эффектно выглядит в ре- 
жиме Ргемем (Иллюстрация) использование кистей. 

Существуют два подхода в присвоении контуру декоративных обводок кистей: 

Ф применить кисть из палитры Вги$Ве$ (Кисти) кактивному контуру, нарисован- 
ному примитивами, пером, карандашом; 

Ф создать контур инструментом Вги$В (Кисть), сразу применяя декоративную 
обводку выбранной из палитры Вги$Пез$ (Кисти) кисти. Данный способ идеален 
для рисования на планшете. 


М! 30 дгатз : 
СаггоЕ 
— = 
Неге 5 Ше Без адаюп 10 усиг поте аге 15 Пе Без адашоп {0 усуг поте 
уедйаЫе дагдеп. № 15 50 еазу ю дгом/ Сато есдиаЫе дагдеп. 1 5 50 еабу {о дгом Сато 
апа уси м! епюу Бай Ман.. эпд уси м епоу Бай Ыав.. 


Рапипо Зеазоп Рапп еайу рипа 10 зай Рапипа Зеазоп Р!агё М вау зрппа © чай 
пагиезпа м еайу зиттег. агуезпто п еайу зигпитег. 


РР ъа 


| об т 
Тпе Воаткса! 5ее4$ Сотрапу к «9» я Пе Воащея! 5ее45 Содрапу 





Рис. 19.1. Пример использования кистей в оформлении проекта 


Типы кистей 


Откройте файл 1е550п5\Урок_19 Кисти\Для_работы.а!. В нем представлены пять суще- 
ствующих типов кистей (рис. 19.2): 
+ СаШогаршс Вга$Ве$ (Каллиграфические кисти). Создают линии, подобные на- 
рисованным с помощью каллиграфического пера и нарисованные вдоль цен- 
тральной оси контура; 
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+ Эса (ег Вгизпе$ (Разделенные (дискретные) кисти). Копии объекта (например, 
звездочки) многократно повторяются вдоль контура; 

+ Аг Вгизпе$ (Художественные кисти). Форма кисти — объект (например, «Грубый 
уголь»), распределяется равномерно вдоль контура по всей длине; 

+ Визе ВгизПе$ (Кисти из щетины). Создаются мазки, имитирующие мазки ки- 
стью из щетины; 

+ РаЦеги ВгизВе$ (Бордюрные (узорные) кисти). Узор создается из отдельных 
элементов и повторяется вдоль контура. Бордюрные кисти могут сочетать до 
пяти элементов: для сторон, внутреннего угла, внешнего угла, начала и конца 








узора. 
^А_ А 
ь 
до\То7т 
ДР сч 
у 
й 
% = 
= е 3ь, 
^ 
№. 
ё , щ 
А ч ьм & 
м 2 
дц 4% _ 
у 
каллиграфические разделенные (лискретные) хуложественные 
кисти из шетины борлюрные (узорные) 


Рис. 19.2. Примеры типов кистей в оформлении 


Палитра ВБгизВе< (Кисти) 


Все типы отображаются и настраиваются в палитре Вги$йе$ (Кисти) (рис. 19.3), 
которая вызывается клавишами <СИ>+<5>. 
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М ем ВгизН... 
4 : ой > © Оирйсайе ВгизН 
"а = 30 Ое[ейе Вгиз В 
2 р ^ у = Ветоуе ВгизН токе 
Зе|есЕ АН Ипизед 


пом СаШодгармс Вгизпез 
ЗНоми 5саНег ВгизНез 
Злом АМ Вги5Нез 

пом Визе ВгизНез 


Ром РаНет Вги5Нез 





у 
У 
у 
у 
у 
у 


Тпутьпай Ме 
И Лем 


Орноп$ о? Зее ОБес!... 
Вгизв Орноп.... 


Ореп ВгизВ ИБгагу › 
$ауе ВгизН ИБгагу... 


А Вги$П Ибгапе$ Мепи 
(Сохранить\Подгрузить библиотеку кистей) 


В Кетоуе Вгизй З{гоке 
(Удалить кисть у контура) 


С Орйоп$ ог заецед ОЦес{ 


(Настройки кисти для выделенного объекта] 


О Мем Вги$П 


(Создать новую кисть) 


— о 





| ГТТУКТТУКТТ | | 
в у у хо 
`!ъ _ъ 7 За ^ и 


Е беав{е Вги$п 


(Удалить кисть) 


5 65% 


Рис. 19.3. Палитра ВгизВес: 
]1 — каллиграфические кисти; 2 — раздельные кисти; 3 — хуложественные кисти; 
А — кисти из шетины; 5 — борлюрные кисти 


Растровые изображения в кистях 


Любое растровое изображение, встроенное в файл Шигаог, можно превратить 
в кисть. Для этого перетащите изображение в палитру Вги$Ве$ (Кисти) (палитра 
вызывается «горячей» клавишей <Н5>) и выберите тип создаваемой кисти: дис- 
кретная, художественная или узорная. 


Параметры кистей 


Рассмотрим параметры некоторых типов кистей. Диалоговые окна настройки 
параметров вызываются двойным щелчком по пиктограмме рисунка кисти в па- 
литре ВгизПез (Кисти). 
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СаШогар!с ВгизПе$ (Каллиграфические кисти) 


Каллиграфические кисти создают линии, подобные рисованию с помощью кал- 
лиграфического пера (рис. 19.4) вдоль центральной оси контура. 








Ваз 
2 хечв 


Рис. 19.4. Использование каллиграфической кисти 


1. Активизируйте инструмент ВгизВе (Кисть). 

2. В палитре Вги$Ве$ (Кисти) выберите каллиграфическую кисть, выберите цвет 
обводки и проведите по документу. 

3. Двойным щелчком по примененной кисти в палитре Вги$е$ (Кисти) вызовите 
диалоговое окно СаШегарШе ВгизВ Ор@оп$ (Параметры каллиграфической 
кисти), где задаются параметры, влияющие на вид кисти (рис. 19.5): 

е Апфе (Угол) — угол поворота кисти; 
е Коип@пе$$ (Округлость) — округлость кисти. Чем больше значение, тем 
больше округлость; 


е 517е (Размер) — диаметр кисти, задается с помощью ползунка. 





Саогарых Вгозв Орвопз 





Рис. 19.5. Диалоговое окно Самогарбю Вгиу$Р ОрНоп$ 
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В раскрывающемся списке справа от каждого параметра можно выбрать форму 
кисти в зависимости от вариантов. Часто используются: 


+ Ехед (Фиксированная) — кисть с заданными постоянными параметрами; 


+ Капдот (Случайно) — кисть со случайными вариациями и указанием диапазона, 
в пределах которого могут колебаться характеристики кисти. 
В других случаях вид зависит от работы на планшете. 
Цвет кисти всегда зависит от цвета атрибута э@гоке (Обводка). 


$саНег Вги$Пе$ (Разделенные кисти) 

эсаНег ВгизВе$ (Разделенные кисти) располагают копии объекта (например, 
звездочки), многократно повторяя их вдоль контура. 

1. Нарисуйте три звездочки разного цвета. 

2. Выделив все звездочки, перетащите их в палитру Вги$Ве$ (Кисти). 


3. Впоявившемся диалоговом окне выберите вариант Эсавег Вги$В (Разделенная 
кисть) (рис. 19.6). 





Рис. 19.6. Созлание новой разделенной кисти 


Диалоговое окно Зсайег Вга$В Ор@оп$ (Параметры разделенной кисти) (рис. 19.7) 
содержит параметры, влияющие на вид разделенной кисти: 

Ф 517е (Размер) — размер элемента кисти в процентах от исходного в диапазоне 
от 10 до 1000%: 

Ф Зрасше (Интервал) — интервал между отдельными элементами кисти в процентах 
исходного в диапазоне от 10 до 1000%; 

+ Эса ег (Разброс) — степень близости объектов к траектории контура в диапа- 
зоне от —1000 до 1000%, при этом чем больше значение, тем дальше объекты 
находятся от контура; 

+ ВоаНоп (Поворот) — угол поворота для распределяемых объектов относительно 
страницы или контура; 

Ф Соог7аНоп (Колоризация) — способ колоризации (о способах колоризации 
см. далее в этом уроке). 
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ЗсаМег Вгизй ОрНоп$ 


: бса\ег Вгизй 1 
: Ахед 
‚: Ахед 
; Ахед 
; Ахед 


Ко{аНоп геабме 40: Раде 


Союйгабоп 


Мефод: №пе 


Кеу Союг: 7.4 Е 


Рис. 19./. Диалоговое окно 5саКег ВгузА Ор@оп$ 


Выполните упражнение: 


1. Активизируйте инструмент Вга$В (Кисть). Нарисуйте произвольный контур 
только что сохраненной кистью со звездами (рис. 19.8). 





Рис. 19.8. Использование разделенной кисти 
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2. Выделение с нарисованного контура снялось. Активизируйте контур заново. 
Двойным щелчком по пиктограмме рисунка этой кисти в палитре Вги$Вез$ 
(Кисти) вызовите окно параметров. Установите новые значения при вклю- 
ченном флажке Ргемем (Предпросмотр). Вы видите, как изменяются звезды 
у контура. 

3. Согласитесь с изменением параметров, нажав кнопку ОК. 


уезег ВгизА ОрНот$ 


: осаег Вгий 1 
: Капдот 
: Ахед 
- Ахед 
о 
Вобабоп гейабуе №0; Раде 


Соопганоп 
МеЧоа: Нопе 


Кеу сою: М № 








Рис. 19.9. Изменение параметров разделенной кисти 


Если новая кисть является модификацией имеющейся кисти, сопоставленной 
существующим объектам, то на экран выводится диалоговое окно с предупрежде- 
нием об изменении кисти с тремя кнопками (рис. 19.10): 

Ф Арру 0 Эгоке$ (Применить к имеющимся штрихам) — изменяет параметры 
новой кисти и задает их для объектов в предшествующем варианте кисти; 

+ Геауе ЭгоКе$ (Сохранить штрихи без изменения) — изменяет параметры новой 
кисти, но не влияет на объекты с предшествующим вариантом кисти; 

Ф Сапсё (Отменить) — не изменяет параметры кисти. 





АдоБе Шизтгаюг 


ТлаЕ лей 6 м узе апд зоте $гоКез тау Паме омегпадеп К$ орНоп$. бо 
уси мате {о арр№ Ме спапдез {о ех та Близй <гоКез? 


тЕИЗЕТЕТЕ 





Рис. 19.10. Диалоговое окно с прелупрежлением 


264 


Урок 19. Кисти 





Ат Вги$пВе$ (Художественные кисти) 
Кисти Аг Вга$Ве$ (Художественные кисти) имеют форму объекта (например, 
стрелка). Данный объект распределяется равномерно вдоль контура по всей длине. 


1. Нарисуйте стрелку из линии толщиной 3 р{ и укажите наконечники 
(рис. 19.11). 





3 } Абол Эоке: 
[] Оаёед Цпе 


Рис. 19.1. Стрелка для кисти 


2. Разберите стрелку командой ОЩес® | Ехрап@ Арреагапсе (Объект | Применить 
оформление). 
3. Выделив стрелку, перетащите ее в палитру Вгиа$Ие$ (Кисти). 


4. В появившемся диалоговом окне выберите вариант Аг Вги$В (Художествен- 
ная кисть). 


Диалоговое окно Аг ВгизВ Орйоп$ (Параметры художественной кисти) 
(рис. 19.12) содержит параметры, влияющие на вид художественной кисти: 


+ УМат (Ширина) — ширина рисунка относительно его исходной ширины; 


+ ВгизН эсае ОрНоп$ (Параметры масштаба кисти) — сохраняет пропорции мас- 
штабируемого рисунка по вариантам: 


® эсае РгорогИопжеу (Масштабировать пропорционально); 
о 5тесй 0 ЕЕ ЗтоКе Гепо® (Растянуть и подогнать по длине обводки); 
» 5тесй Вемееп Сшде$ (Растянуть между направляющими); 


+ ПОшесйоп (Направление) — четыре кнопки, определяющие направление рисунка 
кисти относительно траектории контура; 


Ф ОрНоп$ (Отражение) — среди прочего представлены два флажка: 


е Еф Аопо (Отражение по горизонтали) — переворачивает рисунок кисти 
вдоль стрелки группы Ошесйоп (Направление); 


е Е Асго$$ (Отражение по вертикали) — переворачивает рисунок кисти по- 
перек стрелки группы Огесйоп (Направление). 
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Рис. 19/12. Диалоговое окно Ай Вгиу$А Орйоп$ 


РаНет Вгизпе$ (Бордюрные (узорные) кисти) 

РаЦегт ВгизВе$ (Бордюрные (узорные) кисти) создают узор из отдельных элемен- 
тов. Бордюрные кисти могут сочетать до пяти элементов: для сторон, внутреннего 
угла, внешнего угла, начала и конца узора (рис. 19.13). Особенность задания бор- 
дюрной кисти в том, что, прежде чем задать параметры узорчатой кисти, следует 
добавить в палитру э\аеВе$ (Образцы) элементы узора, которые предполагается 


использовать. 
А Б 
-№:: 
9: ©. 


А — боковой фрагмент 
Б — внешний угол 


иг №] Га = мг м 
] ь т) 
|] 





— внутренний угол 
Г — начало бордюра 
Д — конец бордюра 





Рис. 19.13. Особенности залания борлюрной кисти — пять элементов кисти 
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Выполним упражнение: 
1. Откройте файл 1е$5оп5\Урок_19_Кисти\Бордюры.аг. В файле представлены заготовки 


и фрагменты применения бордюрных кистей. Например, есть два элемента 


кисти АЖес (Ацтек) (рис. 19.14). 


АжЖес 





Рис. 1914. Стартовые образцы кисти 


2. Перекрасьте эти два элемента. Сохраните перетаскиванием эти два новых 
элемента в палитре Эма@ейе$ (Образцы) (рис. 19.15). 





Рис. 1915. Сохранение элементов в палитре ма спе$ 


3. Щелкните по пиктограмме №е\ Вга$В (Новая кисть). В диалоговом окне вы- 
берите вариант Ра егп Вга$В (Бордюрная (узорная) кисть). 
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4. В диалоговом окне Райеги Вга$В Орбоп$ (Параметры бордюрной кисти) по- 
следовательно задайте два элемента кисти, выбрав их из списка (рис. 19.16). 
После определения элементов кисть задана. 


Ранеги Вгизл Орбоп; 


Мате" Рангаги Вгыуй 1 


Зсаю: Ред “ Ы о 100% 





Ра 
С] Афр Аюо №4 м. ча 


О Ар Астоз5 © 


:Е 

О стекл ю 

С АВА зрасе о ЙЕ 
С) Арриожитаве рав 


Сыопгавой 
Мефю: Мопе „- ® 


Кеу Сок: | 





Рис. 19.16. Залание элементов кисти из списка 


5. Примените бордюрную кисть к обводкам объектов (рис. 19.17). 
Какая красота! 





Рис. 191. Применение борлюрной кисти к обводкам объектов разной формы 
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Диалоговое окно Раветп Вга$В Орбоп$ (Параметры бордюрной кисти) позволяет 
настроить следующие параметры кисти: 


эсае (Масштаб) — размер элементов относительно исходного размера; 


эрасш? (Интервал) — расстояние между элементами; 


ЕПр (Отражение) — отражение по длине и ширине; 


ЕЕ (Подгонка) — после задания элементов кисти возможна ситуация, когда 
длина исходного контура не вмещает целое число элементов. Решить эту про- 
блему можно при помощи переключателя в группе ЕЁ (Подгонка); 


Со1от17айоп (Колоризация) — способ колоризации. 


В раскрывающемся списке МеТод (Метод) представлены следующие варианты 
колоризации (рис. 19.18): 


№ №шпе (Не задан) — отображает цвета так, как они представлены в выбранной 
кисти; 

Тиб (Оттенки) — отображает цвета кисти в оттенках цвета обводки. При этом 
черный цвет изменяется на цвет обводки, а другие цвета приобретают соответ- 
ствующий оттенок цвета обводки, белый цвет остается без изменений. Если 
применяется какой-либо плашечный цвет, то используются оттенки этого 
цвета. Выбирается для черно-белых кистей или для плашечных цветов; 
Ти ап 5Ваде$ (Оттенки и тени) — отображает цвета кисти в оттенках и 
тенях цвета обводки. При этом черный и белый цвета сохраняются, а все 
промежуточные оттенки от черного к белому изменяются через цвет обводки. 
Рекомендуется использовать для кисти в градациях серого; 

Ние Зы (Сдвиг цветового тона) — все детали рисунка, сделанные кистью 
ключевого цвета (по умолчанию ключевой цвет тот, что преобладает на ри- 
сунке), приобретают цвет обводки. При использовании данного параметра 
сохраняются черный, белый и серый цвета. 


Союпгабоп 
Мешоа: Мопе у 
“ №пе 
Тис 
Т1п$ апд 5падез 
Ние $ 


Кеу Союг: 


Рис. 19.18. Варианты колоризации 


Для примера действия вариантов колоризации представлено окно Со]огтайоп 
Тр (Памятка по методам колоризации) (рис. 19.19). Для его вызова необходимо 
щелкнуть по кнопке с лампочкой. 


Выберите метод, отличный от №опе (Не задан), к примененной кисти, выберите 


цвет у обводки и посмотрите на изменение примененной кисти (рис. 19.20). 
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собелот Трз_ООИИИИИИИИИИИН 
Те союгз усиг Близй рам мл дерепд оп гее Фпо5: 


| 1. Те союихазоп теёвюод уси Союзе. 


| 2. №е алтепе $5оке сорок ипд м Ме Сорюг Рапе!, 


3. Рог Ме Ние $: союигабоп те од, Ле “Кеу союг” уси зав тот Пе ами К 
м Ме Кеу Союг Еуедгоррег. 


Ехатрез 


отно М  @ № 


В м 
позы И «ИФ ЭП 
ВР 55 -8 














Рис. 19.20. Выбор режима Ниуе РИ 
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Проект «АЛикая яблоня» 


В данном проекте при помощи двух кистей мы нарисуем яблоню и на практике 
закрепим теоретический материал. 

Откройте файл [е$5оп$\Урок_19 Кисти\Яблоня.а!. В данном файле уже сделаны на- 
метки линий для кисти при помощи направляющих, которые я зафиксировала. 


Рисование яблони 


Яблоня будет изящной стилизованной корягой, поэтому для рисования ствола 
дерева выберем кисть СПагсоа! (Уголь) и инструмент произвольного рисования 
Вгиз$й (Кисть). 

1. Выберите инструмент Вги$И (Кисть) <В>. Отмените обводку при рисовании. 

2. В палитре Вги$пе$ (Кисти) выберите художественную кисть Свагсоа] (Уголь). 

Двойным щелчком по пиктограмме рисунка кисти вызовите диалоговое 
окно параметров, в котором установите переключатель эЭсе Ргорогйопа у 
(Масштабировать пропорционально) (рис. 19.21): чем длиннее будет штрих, 
тем толще ствол и ветки. 

3. Нарисуйте дерево «по мотивам» моего наброска (рис. 19.22). 


чч Хх 


Аге Вгизй Орбол; 





ВгозНе5 
Мате: Свагсоа! 
7 ® 
ыы Мпа: Ахед “- Ы 

влозв са Орвогз 

О 5хае Ргороопау 

О) знекн ю АЕ оке ЦепоН 

ЭттесН Вебмееп биуЮез; 

М. чи о 


Рис. 19.21. Изменение параметров кисти Свагсоа! 





Ро 


Рис. 19.22. Яблоня, нарисованная с помошью кисти Свагсоа! 
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Яблоня в ичвету 


Для цветов на яблоне создадим свою кисть. 

1. Инструментом Роузоп (Полигон) нарисуйте небольшой стартовый объект — 
основу для цветка. Выберите стартовые атрибуты для полигона — белую за- 
ливку и черную обводку. 

2. Примените к полигону эффект О!5юг & Тгап$Югиш | РисКег & ВюаЕ (Транс- 
формация | Втягивание и раздутие), установив В]оаё равным 50, как на 
рис. 19.23. 








| Рискег & ВюзЕ 





Рис. 19.23. Трансформация полигона — цветок 





3. Разберите эффект командой ОЩес® 
| Ехрап@д Арреагапсе (Объект | Разо- 
брать оформление). 

4. Из контекстного меню выделенного 
объекта выполните команду транс- 
формации — масштабирование с 
копированием, установив параме- 


О №п-Упйотт 


Нопгопа 30% 


Меицса!: 30% тры, как на рис. 19.24 (30% масштаб 
с копией объекта). 
ОрНопз 5. Отмените обводкуу объектов. Внеш- 
#7 ссаю Согпег$ ний цветок покрасьте розовым цве- 
#7 ссаю соке & ЕЙеас том, внутренний — белым. 


6. В составе кисти нельзя использовать 
градиент, поэтому для получения 
Раде имитации цветового перехода будем 


использовать Веп@ (Переход). При 


выделенных объектах двойным щелч- 
вызовите диалоговое окно задания 


ком по инструменту Вепд (Переход) 
Рис. 19.24. Диалоговое окно 5сае параметров перехода (рис. 19.25). 
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Рис. 19.25. Диалоговое окно @епд Орйоп$ 


7. Установите метод перехода эресШед Зер$ (Заданное число шагов), введя число 
шагов перехода 5. За пять фигур из маленького белого цветка мы получим 
большой розовый. 

$. Щелкните по необходимым опорным точкам объектов 1 и 2, как на 
рис. 19.26. 





Рис. 19.26. Залание точек перехола 


9. Задайте получившийся цветок как Эсайег Вга$В (Разделенная кисть). 


10. Используя инструмент Вга$В (Кисть), корягу превратите в «Яблоню в цве- 
ту». Измените параметры кисти, задав различные размеры цветка и прочие 
параметры (рис. 19.27). 
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Рис. 19.27. Изменение параметров 5са[ег Вгу$П иветка 


Результат проекта «Дикая яблоня» находится в файле 1е$оп5\Урок_19 Кисти\Ябло- 
ня_итог.а! (рис. 19.28). 





Рис. 19.28. Применение иветочной кисти 
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Примеры работ студентов на тему создания и применения кистей представлены 
в папке [е$5оп5\Урок_19 Кисти\Примеры (рис. 19.29). 





Примеры студенческих работ 
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Рис. 19.30. Примеры работ слушателей 2 
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Символы 
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Если у вас в проекте много одинаковых объектов, целесообразнее сделать сим- 
волом один из них, а в рисунок добавить сколько угодно его образцов, не добавляя 
сложное изображение многократно. Каждый образец символа связан с символом в 
палитре Зутфо[5 (Символы). Применение символов позволяет сэкономить время 
и значительно сократить размер файла. 

Символы используются при создании иллюстраций с повторяющимися элемен- 
тами, например карты со значками и дорожными знаками, в проектах с частыми 06- 
новлениями элементов, что упрощает процесс обновления множества экземпляров 
одних и тех же объектов. Символы — это возможность сохранения базы рисунков 
и нанесение этих рисунков на трехмерные объекты, созданные в программе. 


В этом уроке вы узнаете: 
=> как создать символ из любого изображения; 
> о преимуществах использования символов; 
= о библиотеках символов; 
=> как создать аквариум за одно «распыление»; 


=> как нарисовать рыбу-вожака, увеличить и перекрасить ее за одно нажатие 
мыши. 
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Палитра 5утВо/ (Символы) 


Символом называется объект, который сохраняется в палитре Зушфо5 (Символы) 
и может многократно использоваться. 

Если у вас в проекте аквариум с большим количеством одинаковых рыб, целе- 
сообразнее сделать символом рыбку, а в рисунок добавить сколько угодно его об- 
разцов, не добавляя сложное изображение многократно. Каждый образец символа 
связан с символом в палитре Зушфо[5 (Символы). Применение символов позволяет 
сэкономить время и значительно сократить размер файла. 

Посмотрите, как используются символы, открыв файл 1е$$0п5\Урок_20 Символы\ 
Тора! Сага.а! (рис. 20.1). Каору Холлин (Каога НоШп) создала проект «Тгор1са! Сага» 
для АдоБе как официальный пример использования символов. 


3 
- 
| 


р Ч 
—ы би 1 
ых А 


АЕ Е а 


РТ 





Рис. 20.1. Пример использования символов 


Созлание символа 


Символы можно создавать на основе большинства объектов Шитгафог, включая 
контуры, составные контуры, текстовые объекты, растровые изображения, объекты 
с градиентами, градиентными сетками и группы объектов. Однако нельзя создавать 
символы из связанных объектов и некоторых групп. 

1. Создайте новый документ с профилем Ргиц (Печать). По умолчанию в нем 

содержится некий набор символов в палитре эзушфо5 (Символы). 

2. Нарисуйте шарик с градиентной заливкой. 
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3. Перетащите объект в палитру или нажмите кнопку  М№ем Зушро|! (Новый 
символ) в палитре эутфо[5 (Символы). 
4. В диалоговом окне задайте имя и тип символа (рис. 20.2). 
Новый символ дополнит набор палитры. В документе будут использоваться его 
образцы. 


Мате; Бай 
Ехроц Туре: бтгарРк “ 
бутьо! Туре: О бупатю зутьо! 
О Забе буть 
Весдкиавоп: $88 
С) ЕпзЫе биюе$ ог 9-е эса!по 


(© "моме бр" апа "бгарьк” апе Ывоз бог РазН 
про. ТРыге 5 по Фегепсе Беблюел Фыеое Био 
хутЬов: вл Пита ох, 


С С== 











Рис. 20.2. Опрелеление нового символа в наборе 


Замена образца символа 


Для того чтобы заменить один символ другим в палитре Зутфо[5 (Символы), 
перетащите новый символ на старый символ, нажав и не отпуская клавишу <АЦ>. 
Символ будет заменен в палитре эутфо!$ (Символы), и обновятся все образцы 
ссылки в текущем файле. 


Отмена связи с символом 


При разборе отменяется связь между символом и его образцом, и образец сим- 
вола преобразуется в обычный графический объект. 


1. Выберите один или несколько образцов символа. 
2. Нажмите кнопку & Вгеак ТлаК о Зушо! в палитре бупфо!5 (Символы). 


Инструменты работы с символами 


Набор символов — это группа образцов символов, созданная с помощью инстру- 
мента эушфо| Эргауег (Распыление символов). 

Наборы символов отображаются в режиме ОиИше (Макет) как прямоуголь- 
ные рамки. Вы не можете влиять на составляющие части набора стандартными 
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средствами, возможны стандартные операции с набором как с единым целым. 
В связи с этим существует группа инструментов для работы с набором (рис. 20.3). 


= 6] 5утьо! 5ргауег Тоо! ($5+5) 
«© буть ег Тоо! 
$6 бутьо! $египевег Тоо! 
Св` ЗутьЬо! ег Тоо] 
9 бутбо! $рпег Тоо! 
Фр бутьо! тег Тоо! 
©’ $утьо! $стеепег Тод! 
«Э бутьо! $Ыег Тоо! 


Рис. 20.3. Инструменты лля управления набором символов 


Созлание наборов символов 


Инструмент 8 эутро| Эргауег (Распыление символов) добавляет, как распы- 
литель, много одинаковых образцов. (Для того чтобы удалить образцы символов, 
нажмите клавишу <А[> и, не отпуская ее, перетащите инструмент или щелкните 
в том месте, откуда нужно удалить образцы.) 

1. Откройте файл 1е550п$\Урок_20 Символы\Н$П.а1. 

2. Активизируйте инструмент эушфо] Эргауег (Распыление символов). 

3. Щелчком выберите в палитре эЗутро[5 (Символы) символ рыбы и распылите 

набор «рыб» по документу (рис. 20.4). 


к заза 





Рис. 20.4. Распыьление рыбной стаи 
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Перемешение символов в наборе 


Рабочий инструмент — в утро]! ЭШег (Смещение символов). 

Ф Для того чтобы переместить образцы символов, перетащите символ с нажатой 
кнопкой мыши в нужном направлении (рис. 20.5). 

Ф Для того чтобы переложить образец вперед, щелкните по нему с нажатой кла- 
вишей <>. 

Ф Для того чтобы переложить образец назад, нажмите клавишу <АЦ>, а затем, не 
отпуская ее, нажмите клавишу <ЗЫЙ> и щелкните по образцу. 


Уплотнение и разброс символов в наборе 


Рабочий инструмент — СЭ эутро| Эсгипсйег (Уплотнение символов). 

Для того чтобы уплотнить образцы символов, перетащите инструмент или 
щелкните в нужной области. А чтобы разредить символы, сделайте то же с нажатой 
клавишей <АЙ> (рис. 20.6). 


"8 [№ $ © ® №Ф > 





Рис. 20.5. Перемешение символа Рис. 20.6. Уплотнение рыбной стаи 


Изменение размера символов в наборе 


Рабочий инструмент — | (5 ЗушБо! Зег (Изменение размера). 

Щелкните по рыбе, которая выбрана вами в качестве вожака стаи, и она увели- 
чится в размере. Уменьшение размера выполняется так же, но с нажатой клавишей 
<АШ> (рис. 20.7). 

Поворот символов 


Рабочий инструмент — 5 эутро| эЭршпег (Поворот символов). 
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Поверните рыбу брюхом вверх — недружелюбные ассоциации (рис. 20.8). 





Рис. 20.7. Увеличение символов Рис. 20.8. Поворот символов 


Изменение цвета 


Рабочий инструмент — р эутро| эбашег (Изменение цвета). Выберите белый 
цвет заливки в палитре Со]ог (Цвет) и щелкните по вожаку. По мере дальнейших 
действий щелчком цвет будет близок к белому (рис. 20.9). 


Изменение прозрачности 


Используется инструмент &>. эутро]| Эсгеепег (Изменение прозрачности). Для 
увеличения прозрачности необходимо щелкать по объекту (рис. 20.10). 


“ Хх ч хх 


8 > 3 © ® ж0? 














Рис. 20.9. Альбинос — вожак стаи Рис. 20.10. Увеличение прозрачности 
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Присвоение стиля 


Рабочий инструмент — ®. утро! ег (Присвоение стиля). 
Сначала необходимо выбрать стиль, а потом щелкнуть по объекту. 


Быстрое релактирование символа в палитре 


Редактирование символа возможно двойным щелчком по символу в палитре 
9утро|5 (Символы). Тогда при входе в режим изоляции вы можете на монтажной 
области изменять атрибуты и контур образца символа. При выходе из режима 
изоляции вместе с изменением образца изменяется символ в палитре, а также все 
наборы и образцы-ссылки на него. 

1. Сделайте двойной щелчок по символу рыбы в палитре зутфо[5 (Символы). 

Вы теперь находитесь в режиме изоляции объекта, набор исчез, вместо него 
только одна подсвеченная рыба (рис. 20.11). 


< Ее 





Рис. 201. В режиме изоляции возможно релактировать символ 


2. Инструментом Оес{ З@есйоп (Частичное выделение) перекрасьте части 
(рис. 20.12). 





Рис. 2012. Изменение ивета 
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3. Двойным щелчком инструментом Э@есйоп (Выделение) по документу выйди- 
те из режима изоляции. Все рыбы в наборе обновились, обновился символ 


в палитре (рис. 20.13). 


Откройте файл 1е$50п5\Урок_20_Символы\Нзй епд.а!. Сравните изменения с рыбами. 





Рис. 20.13. Изменение всех рыб в наборе и в палитре 


Библиотеки символов 








5аме ЗутЬс[... 


30 $утЬсЕ 
Аггоми$ 


Агенес Техфигез 
- СееБганоп 


| Веда! Месог Раск 


Рис. 2014. Выбор библиотек 
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Как вы знаете, содержимое палитр являет- 
ся достоянием документа. Если вы стартуете 
с нового документа, то не стоит ожидать в нем 
многообразия наборов в палитрах. Однако вы 
всегда можете «нарастить» потенциал дизай- 
нера за счет библиотек, которые устанавли- 
ваются вместе с пакетом. 

1. Внижней части палитры эутфо[$ (Сим- 
волы) крайняя левая пиктограмма — 
эутро1 Глогамез Мепи (Меню библиотек 
символов) (рис. 20.14). 

2. Выберите библиотеку символов Маехге 
(Природа). 
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3. В наш документ добавилась данная библиотека. Но она не может редактиро- 
ваться, т. к. это файл из другого документа. Щелкая по желаемому символу, вы 
переносите его в палитру Зутбо5 (Символы) вашего активного документа, где 
ваш выбор будет всегда готов к использованию и редактированию библиотек 
(рис. 20.15). 

В заключение хотелось бы отметить, что при работе с символами вы можете 

воспользоваться «горячими» клавишами, приведенными в табл. 20.1. 


Таблица 20.1. Комбинации клавиш при работе с символами 


Операция Клавиша или комбинация клавиш 
Создать новый символ <{8> 

Показать/Скрыть палитру Зушфо|$ внес ЕТ > 

Выбрать инструмент Зушфо] Зргауег <$>+<5> 


(Распыление символов) 


ыы 4 ©! {2 
4% 5 


ху м == 
у к + А \ 
\ У 9 =* $9 
= В 36 № ^ › чз 
№. у = м @ фк жтчАя 


м4» х 














Рис. 20.15. Перенос символов из библиотек в активную палитру локумента 
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Работа с прозрачностью 








А 
; 
о 


А 
; 
о 


Сава И С 
; 


Применяя прозрачность к объектам, вы можете получить замечательные вариан- 
ты иллюстрации. Вот только не забудьте, что прозрачность не самоцель, и вы также 
должны уметь ее напечатать. Для задания прозрачности в программе Шиазгаог вы 
можете применять к объектам прозрачность или режимы наложения, редактиро- 
вать отдельные цвета в градиентной заливке и устанавливать им частичную про- 
зрачность. Кроме того, Шигаог обладает рядом эффектов и стандартных стилей, 
содержащих прозрачность. 

Но несмотря на легкость применения прозрачности к объектам, такие объекты 
могут доставить очень большие проблемы при выводе изображения на печать. 
В данном уроке мы познакомимся с различными способами применения про- 
зрачности, рассмотрим проблемные ситуации и пути их решения в зависимости 
от сложности. 


В этом уроке вы познакомитесь: 


> с изменением прозрачности и режимов наложения при помощи палитры 
Ттапзрагепсу (Прозрачность); 


> сприменением растровых эффектов; 
< со сведением прозрачности; 
> с подготовкой прозрачных объектов к печати. 
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О прозрачности 


Прозрачность очень легко создать, особенно если вы привыкли ее использовать 
в программе РИоозВор. Однако в среде программы Шаягаог все не так просто, 
и вслучае полиграфического исполнения необходимо помнить обо всех подводных 
камнях данного процесса. 
Вы можете получить прозрачность: 
Ф используя палитру Тгапзрагепсу (Прозрачность), изменяя параметр Орасйу 
(Непрозрачность) и режимы наложения (рис. 21.1); 
Ф применяя растровые эффекты и стили, содержащие прозрачность, например 
тени и свечения (рис. 21.2); 
Ф используя кисти типа Ви$@е (Из щетины) (рис. 21.3); 
применяя градиентную заливку с прозрачностью (рис. 21.4); 
Ф импортируя файлы АдоБе РВоюзпор, содержащие прозрачность. 


$® 





Рис. 21.1. Использование режимов наложения 


ЗА. 


® 


Рис. 21.2. Использование растровых эффектов с тенью и растушевкой 
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Рис. 21.3. Использование кистей со шетиной 





Рис. 21.4. Использование гралиентов с прозрачностью 


Палитра 7Тгапзрагепсу (Прозрачность) 


Палитра Ттапрагепсу (Прозрачность) используется для задания непрозрачности 
и режима наложения объектов, для создания масок непрозрачности или маскировки 
участка одного объекта перекрывающим участком другого объекта (рис. 21.5). 
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чх 
$ Тгагезрагегсу = 
Режимы Могпта| “ Орасйу: 100% › —_ Прозрачность 
смешивания Маска 
непрозрачности 
Изолированное Обрезка 
смешивание [ лпмей Мак —— Инвертировать 
маску 
соке ВЁеп4та [ КпосКоме бгоир 


непрозрачность оу они 


и маска определяют 
форму «вырубки» 


`` Вырубка группы 


Рис. 81.5. Палитра Тгапзрагепсу 


В табл. 21.1 сведены основные параметры палитры Тгап$рагепсу (Про- 


зрачность). 


Параметр палитры 


Режимы наложения 


Ораспу 
(Непрозрачность) 


Ср (Обрезка) 


Шуеге Ма$К 
(Инвертировать маску) 


[боже Вепдшо 
(Изолированное смеши- 
вание) 


КпоскоиЕ Стопр (Вырубка 
группы) 


ОрасКу & Ма$К Оейпе 
КпосКоиЕ ЗВаре 
(Непрозрачность 

и маска определяют 
форму «вырубки») 
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Таблица 21.1. Палитра Ттап5рагепсу (Прозрачность) 


Действие, описание 


Способы смешивания цветов при наложении объектов по 
заданным алгоритмам 


Плотность цвета объекта 


Если флажок установлен, то программа позволяет маски- 
ровать объект, для которого создается маска непрозрач- 
ности перекрывающими участками других объектов 


Инвертирование маски 


Если опция включена, то объекты в группе отображаются 
лишь в режимах смешивания друг с другом, а не с объ- 
ектами вне группы. Влияет только на настройки режима 
смешивания, а не режима непрозрачности 


Если опция включена, то режимы смешивания или не- 
прозрачности группы применяются не к объектам, в нее 
входящим, а к другим объектам документа 


Если опция включена, то эффект «вырубки» устанавлива- 
ется пропорционально уровню непрозрачности. В такой 
области маски, у которой непрозрачность близка к 100%, 
эффект «вырубки» максимален. В областях, у которых 
меньше уровень непрозрачности, эффект «вырубки» 
уменьшается. Например, если градиентная маска исполь- 
зуется в качестве группы удаления фона, то и нижележа- 
щий объект «вырубается» по скользящей шкале 


\/»]®] $4 № [= [о = Хаби |» Ф Е] в] | | (® 4 =) 





Созлание прозрачности 


По умолчанию эффект прозрачности распространяется на объект в целом, т. е. 
на заливку и обводку. Для того чтобы обеспечить прозрачность только заливки или 
только обводки, следует выбрать соответствующую строку в палитре Арреагапсе 
(Оформление). 

Для того чтобы задать прозрачность объекта (объектов), необходимо: 

1. Выделить объект (объекты, группу). 

2. В палитре Тгапбрагепсу (Прозрачность) изменить параметр Ораску (Непро- 

зрачность). 

3. При значении параметра 100% объект абсолютно непрозрачен (если не вы- 

бран режим наложения или маска прозрачности). При уменьшении Орасйу 
прозрачность объекта увеличивается. 


Полготовка к печати объектов 
с прозрачностью 


Окончательная обработка объектов при подготовке к печати выполняется раз- 
личными операциями в зависимости от того, что вы применили и какой результат 
желаете получить в итоге. 

Варианты окончательной обработки: 

+ ОЩесе | Ехрапд Арреагапсе (Объект | Применить оформление) — разбирает эф- 
фекты и кисти, не устраняя проблему прозрачности; 

+ ОЩес | Набеп Тгапзрагепсу (Объект | Сведение прозрачности) — подготовка 
к печати взаимодействия между векторными объектами, имеющими прозрач- 
ность или режимы наложения; 

+ ОЩесе | Вазеге (Объект | Растрировать) — для подготовки к печати сложных 
объектов и взаимодействий, например наложения векторных объектов на рас- 
тровые, растровые эффекты, прозрачные градиенты. 


Свеления об обработке прозрачности 


Если документ или графический объект содержит прозрачные области, то для 
печати такого документа обычно необходимо выполнить операцию, называемую 
сведением. Данная операция разделяет прозрачный графический объект на вектор- 
ную и растрированную области, и чем сложнее вы сделали графический объект, тем 
сложнее операция сведения. 

Сведение может потребоваться при печати, а также при сохранении или экс- 


порте в другие форматы, не полдерживающие прозрачность. 
Ги 


уции 


ПРИМЕЧАНИЕ — Обработку прозрачности невозможно отменить после сохранения файла. 


Если объектов с полупрозрачностью слишком много, это повод задуматься о 
подготовке такого изображения в АдоБе Рпо‘озпор. 
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Полупрозрачные области можно преобразовать при сохранении или при печа- 
ти документа, но лучше всего (рекомендуется) выполнять сведение прозрачности 
вручную — с помощью команды ОЩесЕ | Найеп Тгапзрагепсу (Объект | Сведение 
прозрачности). 


Команла Р/аЦКел 7Тгапзрагепсу (Свеление прозрачности) 


Команда ОЩес* | Навеп Тгапзрагепсу (Объект | Сведение прозрачности) исполь- 
зует различные варианты выбора сведения прозрачности. 
Более подробно об этом диалоговом окне см. в табл. 21.2 и в дальнейших 


примерах. 


Таблица 21.2. Основные параметры Навеп Ттапзрагепсу (Сведение прозрачности) 


Параметры диалогового 
окна 


Ргезеё [ЕВ Везошбоп] 
(Набор [Высокое раз- 
решение]) 


Ргезе( [ Медит 
Вебош@оп] (Набор 
[Среднее разрешение]) 


Ргезее [Гло\ Кезош@оп] 
(Набор [Низкое разре- 
шение]) 


Ка$ег/Уес®юг Вайапсе 
(Баланс растровой/ век- 
торной графики) 


Глпе Аг апд Тех 
Вебошйоп (Разрешение 
для векторных объектов 
и текста) 


Отафепе апд Мезй 
Вебошйоп (Разрешение 
для градиента и сетки) 


Сопуег( АП Тех {0 
Оц тез (Преобразовать 
весь текст в контуры) 
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Основное действие, назначение 


Предназначен для окончательного вывода на печать 
и для высококачественных цветопроб 


Предназначен для настольных цветопроб и печати до- 
кументов по запросу на цветных принтерах, поддержи- 
вающих Роз спре 


Предназначен для печати на черно-белом настольном 
принтере, а также для документов, публикуемых в Ин- 
тернете или экспортируемых в формат УС 


Высокие значения позволяют сохранять больше вектор- 
ных объектов, а при низких значениях больше вектор- 
ных объектов будет растрировано. При промежуточных 
значениях простые области будут сохранены в векторной 
форме, а сложные — растрированы 


Растрирует все объекты, включая векторные изобра- 
жения, текст и градиенты в выбранном разрешении. 
Разрешение штриховых рисунков и текста должно быть 
в пределах от 600 до 1200 рр для высококачественного 
растрирования, особенно при использовании шрифтов 
с засечками или малого размера 


Разрешение для градиента и сетки должно быть в проме- 
жутке от 150 до 300 рри, т. к. качество градиентов, теней 
и растушевки не улучшится при более высоком разреше- 
нии, но время печати и размер файла увеличатся 


Преобразует все типы объектов в контуры и удаляет 
всю информацию о глифах на страницах, содержащих 
прозрачные области. Этот параметр не влияет на каче- 
ство печати на принтерах или фотонаборных аппаратах 
с высокой разрешающей способностью 


Параметры диалогового 
окна 


Сопуег( АП Эгоке$ №0 
Оцте$ (Преобразовать 
все обводки в контуры) 


Ср Сошрех Ве210п5 
(Вырезать сложные 
участки) 


Ргезегуе Арва Тгапзраг- 
епсу (Сохранять альфа- 
каналы) 


Ргезегуе Оуегрги $ апд 
Эроё Со]ог$ (Сохранять 
смесевые цвета и нало- 
жение цветов) 





\/»]®] $ ее [= [ел = Хаби |» ® Е] в] | | (® 4 =) 


Таблица 21.2 (окончание) 


Основное действие, назначение 


Преобразует все обводки в простые закрашенные конту- 
ры на страницах, содержащих прозрачные области 


Гарантирует, что границы векторных и растровых участ- 
ков будут проходить вдоль контуров объектов. Этот 
параметр уменьшает количество нежелательных эффек- 
тов швов, которые возникают, если одна часть объекта 
растрируется, а другая остается векторной 


Сохраняет общую непрозрачность сведенных объектов. 
При выборе этого параметра режимы наложения теря- 
ются, но внешний вид изображений и уровень альфа- 
прозрачности сохраняются 


Сохраняет цвета смесевых красок. Этот параметр следует 
выбирать при печати цветоделенных форм, если доку- 
мент содержит смесевые краски и объекты с наложением 


Пример 1. Векторные объекты с режимами смешивания 


1. Откройте файл 1е5з0п$\Урок_21_Работа с прозрачностью\Цветок.а1. 

2. Вызовите командой главного меню УМпдо\ | Тгапзрагепсу (Окно | Прозрач- 
ность) палитру для работы с прозрачностью. Палитра Тгап$рагепсу (Прозрач- 
ность) (см. рис. 21.1) используется для задания непрозрачности и режима 
смешивания объектов. 

3. В этом файле два цветка — у левого все лепестки в режиме смешивания №опта| 
(Нормальный) (рис. 21.6), у правого, внешне более привлекательного, выпол- 
нено изменение режима смешивания на МшШару (Умноженный) (рис. 21.7). 
С левым цветком на печати будет все прекрасно. С правым придется вы- 
полнить дополнительное действие, чтобы после печати получить заданную 


внешнюю красоту. 








Рис. 21.6. Цветок с лепестками в режиме смешивания Могта! 
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Рис. 21.7. Цветок с лепестками в режиме смешивания Мур 


4. Выделите правый цветочек. Выполните команду главного меню ОБес | Навеп 
Тгапзрагепсу (Объект | Сведение прозрачности), установив ползунок Ва$ег/ 
Уесог Ваапсе (Растровый/векторный баланс) в крайнее правое положение 
(рис. 21.8). В данном случае у нас все объекты были векторными, векторными 
и остались. 

5. Результатом действия команды стали векторные объекты, разделенные в 
местах пересечения. Каждый объект имеет режим смешивания № огта] (Нор- 
мальный) (рис. 21.9) и будет напечатан без проблем. 

Откройте файл из [е$з0п5\Урок_21_Работа с прозрачностью\Цветок итог.а!. Сравните 

стартовый и итоговый цветочки. 


Цпе АК: апа Теж Везошбоп: 300 
бгафегк апд Мезр Кезомоп: 150 
С) Сопмей АЙ Теж 0 ОЧ итез 
2 Сопмей: АЙ $токез © Ош тез 


С. Апб-абаз Вазег$ 


С) Ргезегуе АрВа Тгапзрагепсу 
Е Ргезегие Омегригиз апд 5ро{ Союг$ 


(©) очегрениз ий по Бе реезегиед № агеаз Ч ифетасЕ ийН Бапзраепсу. 
(©) тит оп Омегриге Ргечмеми Ко ргемечи ВаНепе4 зроё со. 


отняв) СОС ея 





Рис. 21.8. Диалоговое окно НаКеп Тгапзрагепсу 
для настройки растрового/векторного баланса 
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1 





в > | [мы о 
$ Тгапзрагепсу = 
© |9 | в [© 
ыы, 
о | мы о 
Ю © 
*# © | | === о 
А | | | Ыб 
[—) тео Вело [8 Клоскоий бгоир 
[С] орасйу & МазК Оейпе Клоскоце Варе © | Ц|---. о х 
1 Еауег и ан 


Рис. 21.9. Результат действия команлы свеления в случае получения векторных объектов 


Пример 2. Векторные объекты на растровом изображении 


1. Откройте файл 1е550п$\Урок_21_Работа с прозрачностью\Цветок и растр.аи. 

2. Задача усложнилась: в этом файле цветок (между лепестками установлен «не- 
нормальный» режим смешивания) на растровом изображении (рис. 21.10). 
Как полготовить к печати и что «это» будет в итоге? 





; 


<Ра> 





РОЕаГОЕТИЕ 
} 


1 уе ав 





Рис. 2110. Цветок с режимами смешивания на растровом изображении 
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Первый вариант: растрируем все 


1. Выделите цветок и картинку. Выполните команду ОЩесе | Вазеге (Объект | 
Растрировать) (рис. 21.11). 
Результат — объединенное с цветком внедренное растровое изображение 
(рис. 21.12). 

2. Отмените действие команды, возвратившись к исходному состоянию. 


сою мов 
Везомбоп: НЮН (300 рр!) “ 

ВасКогоипа 

О Мп 

О Тапзрагепе 


орвопз 
Апб-айазто: Ат Орбтиеед (бирегзатрипо) “ @® 
С ава Сйррипо МазК 

Аа: ^ Отт Агоипа ОБесе 





ь < <> + 


Рис. 2112. Результат — объелиненное с иветком внелренное растровое изображение 
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Второй вариант: растровое сведение 


1. Выполните команду ОЩес® | Навеп Тгапзрагепсу (Объект | Сведение прозрач- 
ности), установив ползунок Ва%ег/Уесбог Вайапсе (Растровый/векторный 
баланс) в крайнее левое — растровое — положение (рис. 21.13). 








Ипе Ай апд Тех Кезомбюоп: 300 у р 
СбтаФеги апд Мезп Везомоп: 150 ух р 


Рис. 2113. Диалоговое окно Н"1аЦеп Тгапзрагепсу с растровым свелением 


Результат — сгруппированные растровые изображения (см. рис. 21.14). 





Рис. 21.14. Результат — группа растровых изображений 


2. Отмените действие команды, возвратившись к исходному состоянию. 


Третий вариант: комбинированное сведение 


Выполните команду ОЩесе | НаЦеп Тгапзрагепсу (Объект | Сведение прозрач- 
ности), установив ползунок Ка%ег/Уесог Вайапсе (Растровый/векторный баланс) 
в среднее положение (рис. 21.15). 

Результат — сгруппированные векторные маски отсечения с растровыми под- 
ложками в огромном количестве (рис. 21.16). Посмотрите отображение результата 
в режиме Ои@ше (Макет) (рис. 21.17). 
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Вы делаете выбор команды; исходя изусловий проекта, во всех случаях растровые 
прозрачности приводятся к «растровому знаменателю». 





Ипе АГ: апд ТехЕ Кезомбоп: 300 “ р 


бтаФепЕ ап МезН Везомбоп: 150 х р 


| 72.5 ры 
НЕ РИ 





Рис. 2117. Результат в режиме Оу те (Макет) 
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Урок 21. Работа с прозрачностью 


Пример 3. «Тени на плетени» 


Начинающий пользователь, запустив векторную программу и увидев растро- 
вые эффекты, не очень осознает их важность. И это естественно, поскольку так 
волшебно и просто, как в Адобе РПотозПор, тени не напечатать. Как вы уже знаете, 
смысл растра заключается в тоновом переходе, что идеально реализуется пиксельной 
моделью. Но здесь пикселов нет, а значит, возможны сложности. 

В данном примере вы узнаете, что растровые эффекты, применяемые к век- 
торным объектам, при подготовке к печати интересно преобразуются, и выбор за 
вами: может, лучше использовать программу АдоБе РБоозБор? 

Откройте файл [е$5оп5\Урок_21_Работа с прозрачностью\Тени на плетени.аи. 

Задача — подготовить к печати векторный кружок с растровой тенью, созданной 
эффектом Огор ЭВадом (Отбросить тень), так любимым всеми в Адобе РИоюзПор. 
Для сложности добавлен векторный цветок на заднем плане (рис. 21.18). Как под- 
готовить к печати и что «это» будет в итоге? 


Ш сх 





Рис. 2118. Векторный объект с растровыми эффектами 


Первый вариант: Ехрапа Арреагапсе (Применить оформление) 


1. Выделите кружок с эффектом Огор ЭВадоум (Отбросить тень). 

2. Выполните команду главного меню ОЩес | Ехрапд Арреагапсе (Объект | При- 
менить оформление). У нас нет прозрачности, есть эффект. Как он «при- 
менится»? 

3. В результате действия команды образовалась группа объектов (рис. 21.19): 
первоначальный кружок и растровый объект с Орасцу (Непрозрачность) 
75% и режимом наложения Мшару (Умноженный), напечатан он в таком 
виде не будет. 


4. Отмените действие команды, вернув в исходное состояние кружок. 
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Езуег; 

о | ов 
с | «бгоир> о 

о | эмь (0 

° || № -- 

1 Гауег вая 

$ Тгапзрагепсу — 


Маке Мак 
Ф | 


[-) вое Водла [] Клоскоий бгоир 
@ ораску & Мазк Оейпе КлоскомЕ Баре 





Рис. 21.19. Применение оформления к растровому эффекту 


Второй вариант: Ра${епге (Растрировать) с маской отсечения 


1. Выделите кружок с эффектом. 
2. Выполните команду ОЩесе | Кажетте (Объект | Растрировать) (рис. 21.20), 
установив в диалоговом окне Ва$етте (Растрировать) флажок Сгеже Сйррше 


МазК (Создать отсекающую маску). 





Союг Моде!:; СМУК 
Везомбоп: Ню (300 рр!) 


ВасКогоип9 
О МР 
О Папзрагеге 


Орбоп$ 


Апу-аба$то: Ат Орбтеед (Зирегзатритю) =“ 0) 


Е Стеае СИррио Ма5К 


Ад: ^ ОрЕ Агоип4 ОБуесе 
Я Ргезегуе $ро{ со1юг$ 


Рис. 21.20. Диалоговое окно Ва%епге лля созлания отсекающшей маски 
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Результат — группа объектов: векторная отсекающая маска и растровое изо- 
бражение кружка (рис. 21.21). «А где тень?» — спросите вы. Ее нет. 
3. Отмените действие команды, вернув в исходное состояние кружок. 


|1 





Рис. 21.21. Результат лействия команды — группа с маской отсечения и отсутствием тени 


Третий вариант: Аа${ет?е (Растрировать) для всех объектов 
Если вам очень хочется получить тень в сочетании с окружением, то придется 


свести в растр все изображение. 
1. Выделите кружок с эффектом и цветком на заднем плане и надписью на 


переднем плане. 
2. Выполните команду ОЩесе | Каетте (Объект | Растрировать) (рис. 21.22). 
Результат — один сведенный внедренный растровый объект (см. рис. 21.22). 


44 





Рис. 21.22. Результат лействия команды — елиный растрированный объект 
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УРОК 22 





Полготовка графики для \М\еб 
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„ Р т И % 50% ь 
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В бро р Е и „ 93.32%); мч" 
ет че Басках кс бе ЧепКодед, 
г се 0.6) 15.59%, гдба(0, 166, 156, 1) 
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тои | ВО, 6, р а безе прибиниии | оо о Ч Е 1))); 
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р анаЫ 0.6) зевогчноро 933 лаб, 224, 0.6) 15:59%т5Ба(0, 166, 156, 1) 93.32%); 
г -- тя Баскогоипд : о 4пегг дуафет (Одед, гофа(37, 169, 224, 0.6) + Баскагоип Е гдба(37, 
- Е й | 2 в _ 169, 224, 0.6) 1 веет 166, 156. 1) 


№ = сы жх ч% 93.32%); 
м -п75-ПКег: "ргодю; ОХитабе Тоапегониий Мкгозой- 
`` Сы и”. гафег((>{а(Со|юогз!г='#25А9ЕО" епаСоюг- 
не |9 Хх м х , Зи=НООА6ЭС' ‚СгаФегТурё=0)“; | 
= 27? БасКбтоиод" пезг-дгафет!(90дед, гоба 37, 169, 







+ 234 зе» > 2 < “ль, .-224, 0,6) 45.5996 гоба(о, 166, 1 
Нюра РЕРИе. : 
Ф . «6 
ой 5 


Этот урок рассказывает об истории развития графики для У, подготовке 
макета, содержащегося в слоях, в различные форматы файлов под разнообразные 


устройства вывода. 
Удобство работы в Адобе Шиа$гатог связано с новыми возможностями, дающи- 


ми дизайнеру визуализацию и подготовку кодов из содержимого проекта, а также 
создания компонентов экспорта под поставленные задачи. 

В Адобе Шазгатог существует новый способ создания компонент проекта разных 
размеров и форматов одним действием. Возможность быстрого экспорта упрощает 
и ускоряет создание вспомогательных изображений (значков, логотипов, изо- 
бражений, макетов и многих других), в особенности для браузеров и мобильных 
устройств. 

Например, при разработке приложения для мобильных устройств дизайнеру 
пользовательского интерфейса может потребоваться часто перерисовывать об- 
новленные значки и логотипы. Дизайнер может добавить эти значки и логотипы 
в специальную палитру, а затем экспортировать их файлы разных форматов и раз- 
меров одним нажатием кнопки. 

В этом уроке вы узнаете: 

> об истории развитии стилистики \@Ъ-дизайна; 

> вчем преимущество векторной графики для У; 

> как максимально эффективно использовать Ши$гаог при подготовке изобра- 
жений для У\©5; 

> вкаких форматах подготавливается графика для \5; 


=> о пиксельной плотности. 
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История развития \ММебБ-лизайна 


Для большинства пользователей Интернет всегда ассоциируется с красивыми 
картинками и графической информацией. Но так было не всегда. 

Давным-давно, в 1992 году Интернет служил только для передачи текстовых 
документов. Всё, что могли содержать первые в мире страницы, — это ссылки 
и текст. В дальнейшем к концу 1990-х в нем появились яркие градиентные фоны 
и пиксельная графика. 

С 2000-х — эпоха «\\№Ь 2.0». В У\ЕБ-дизайне стали отдавать предпочтение теням, 
глянцевости иконок и кнопок и мягким цветам интерфейсов. Выступая на конфе- 
ренции Еиеаге оРУ\№Ь Оезеп в Нью-Йорке, американский дизайнер ЕШо' Лау З10сКз 
описал «то, что люди подразумевают под визуальным дизайном в стиле \Ь 2.0»: 
яркие цвета; глянцевость, стеклянность, «карамель» в иконках и иллюстрациях; 
закругленные углы; градиенты; паттерны на фон с диагональными линиями; от- 
ражения (рис. 22.1). 


согпрайпу пагпе 


в: НЫ НЕАОТН С НЕАОТНС НЕАО1ыС 


И 
КАНапиьссиернег, Гиббон 
ВаНия, сопдые: е, ФИН РА аРНИ, 
пгиоее оные, ото, Мг отгеагя 
зареги РН играх. Ниуе 
ПагегывеЯ льет Себе иыЗАре РыЗа 


Гы бугага гаг ва © 
ый Кеыя Ре пт Ре 


© Водо те еь р В 


9 затей ВЫВЯ гот 





Рис. 221. Пример сайта эпохи «Ме 2.0» 


С 2011 года на смену пришел истинно натуралистический дизайн — скевомор- 
физм. Это подход кдизайну, в котором элементы интерфейса имитируют предметы 
из реального мира. Эта тенденция была начата в Мас ОЗ и продолжена в10Ъ, однако 
после ухода из Арр!е Скотта Форстолла скевоморфизму был положен конец. 

Скевоморфизм использует трехмерные элементы; фоны и элементы, выглядя- 
щие как натуральная фактура (ткань, кожа или другой материал, с реалистичными 
швами и пр.); оформительские элементы (ленточки, печати) (рис. 22.2). 
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7:08 АМ 





„Е ЭПО м... 





Рис. 22.2. Пример лизайна в стиле скевоморфизма 


В 2010 году М!сгозой представила свой новый дизайн, радикально отличный от 
прошлого. Основной упор был сделан на «плоские» элементы в отличие от прежних, 
«иконочных» интерфейсов. И далее входит в моду новый тренд Н/а{ Оез1еп — «пло- 
ский дизайн» с визуальными признаками: минимализм; двухмерность, без теней; 
возврат ярких цветов. 

С 2013 года это стало одной из самых обсуждаемых тем в Интернете не только 
среди дизайнеров. Аргентинское агентство шас даже выпустило на эту тему игру, 
включающую основные принципы «конкурентов» (рис. 22.3). 









НЕ ВАТ ТЕ о —_ __ —— 


РИ, И и 17 77; | 
. ИКС Х < о о 
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Рис. 22.3. Игра На \/ъ Зеа5т 
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С 25 июня 2014 года мир узнал новый дизайн-язык и стиль — С00е Маепа| 
Резеп (таепа! 4ез1юп). Изначально внутри компании его называли кодовым именем 
«квантовая бумага» (аиапсат рарег). Основная метафора Мажепа! Дез1еп — плоская 
бумага, находящаяся в трехмерном пространстве (рис. 22.4). 


—_>ы—> 


2. < _@ 


Рис. 22.4. Стиль Маепа [ездп 









По ссылке В рб: / /табета1.10 /ошдетез/табета]-де$еп/лиегодисйоп.ВоШ# нахо- 
дится официальное руководство Соо]е Мажепа| Оез1еп. 

На сегодняшний день с изменением возможностей верстки и стилевых описа- 
ний стало возможно создавать тени, скругления, градиенты кодом. Браузеры стали 
поддерживать загрузку нестандартных шрифтов и векторной графики. 


На повестку дня выходит новый тренд «дер оЁНа{ меб 4ез1еп» — полуплоский 
дизайн (рис. 22.5). 
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Рис. 22.5. Элементы графики в стилистике дер о йа меб дездп 


Перед специалистом, создающим графику для \5, возникает вопрос: какими 
знаниями он должен обладать, чтобы создать такую графику, и какое программное 
обеспечение в этом максимально эффективно ему поможет? 
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Растровые форматы файлов лля \М\/еб 


Основными растровыми форматами являются ЛРЕС, СЕ РМС. Эти форматы 
позволяют создавать фиксированные по размеру растровые изображения в зави- 
симости от целей с прозрачностью и анимацией. 

7ТРЕС (юш Р|воо2гарб1с Ехре$ Огоир) — наиболее подходящий для сжатия 
многоцветных фотографий (24-битный цвет), не поддерживает прозрачность. Воз- 
можно уменьшение объема файла на порядок путем изменения степени сжатия. 
При сильной степени сжатия ]РЕС разрушает изображение, особенно это заметно 
на границах контрастных цветов. 

ОТЕ (СгарВ1с$ Пщегсвапее Копта®) используется для изображений с большими 
областями одинакового цвета. Поскольку стартовая палитра СЕ может включать в 
себя максимум 256 цветов (8 бит; обычный старт с 32 цветов), то можно представить, 
что будет с фотореалистичными изображениями, градиентными закатами и восхода- 
ми. @[Е поддерживает прозрачность (1 пиксел, растушевки нет) и анимацию. 

РМО (Роца Ме МемогКк Отар 1с$) поддерживает 256 уровней прозрачности, 
поэтому используется для статичных полупрозрачных растровых изображений. 

Из Адобе Шиятаог наилучший способ получения растровых форматов — ис- 
пользование команды эауе Тог \@ (Сохранить для \5), где в диалоговом окне, 
выбирая те или иные настройки, вы можете увидеть «степень разрухи» и управлять 
результатом. Во всех случаях результат у вас будет уже не масштабироваться и 
в большинстве случаев потеряет в визуальном качестве. 

Растровые файлы имеют ряд серьезных недостатков. Во-первых, файлы рас- 
тровой графики довольно велики по объему. Во-вторых, при изменении размера 
картинки происходит потеря качества. 5У@ — стандарт векторной графики для 
УБ, который лишен указанных выше недостатков. Векторное изображение может 
увеличиваться без какого-либо ухудшения, мало «весит», может быть адаптировано 
на любое устройство. 

СЬи$ Соуег (Крис Коер) в своей замечательной книге «РгасЯса1 зУС» сравнил 
два изображения, которые можно загрузить по ссылке И@фр: //ЬКаргЕ.сот/рзу2/00-01. 
По данной ссылке скачиваются два файла, одинаковые на первый взгляд — собака, 
но разных форматов: РМС, УС. 





Рис. 22.6. Страница автора СПй$ Соуег лля практики 
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В табл. 22.1 приведены сравнительные характеристики файлов РМС и 5УСО. 


Таблица 22.1. Сравнительные характеристики РМ№С, 5ТС 


Характеристика РМС ЗУС 
Объем файла, Кбайт 2 
Способ построения таег ипазе Юга уестог 
(214 оЁр!хе[5) (рот, Ппез, сигуез, ро]угоп$) 
построение по точкам построение по инструкциям 
Объем пиксельной Фиксированное количе- Не зависит от пикселов и 
карты ство пикселов разрешения устройств 





Из этого сравнения следуют преимущества формата, где ключевое слово — 
вектор. 


Формат 5\/С (ъсааЫе \еСог Сгарс$) 


Ъ\У@Я — это векторный формат, он был принят в 1998 году. УС описывает изобра- 
жения как фигуры, контуры, текст и эффекты фильтра. Полученные файлы имеют 
маленький объем и масштабирование на экране без потери резкости, деталей или 
четкости. Кроме того, формат ЭУС отлично поддерживает текст и цвета, и пользо- 
ватели всегда видят изображения таким, как оно выглядит в Шазгатог. 

Формат ЗУС полностью основан на ХМГ и дает много преимуществ разра- 
ботчикам и пользователям. С форматом ЭУС можно использовать ЛГауазсире для 
создания \@Б-графики, отвечающей на действия пользователя такими сложными 
эффектами, как фильтры, маскирование, анимация ит. п. 

Ъ\УО — это одна из самых мощных технологий, которые на данный момент до- 
ступны в \6. 

ъ\УО позволяет решить множество проблем при воплощении в жизнь сложных 
интерфейсов, в которых есть формы, неподвластные дизайнеру или очень трудно 
реализуемые при помощи С55. Произвольные геометрические формы, текст, на- 
писанный по кривой, описание анимации, фильтры, градиенты и маски отсече- 
ния — все это возможно, если вы используете ЗУС. 

Нарис. 22.7 представлен презентационный сайт модели Рогзсве 718, накотором 
используется ЭУС для задания нестандартной формы фона и кнопок. 

Существует три различных способа использования ЭУС в интерфейсе вашего 
сайта: как внешний объект, как подгружаемое изображение и как встроенный в 
тело УЕБ-страницы код (рис. 22.8). 

Первый способ обладает значительными ограничениями. Подгружая ЭУС в 
тегах <оес(>, <етЬе4> или <Шгате>, вы используете его как посторонний пред- 
мет — у него есть свои стили, описанные анимации и |5-скрипты, но вы не можете 
управлять его содержимым. 

Второй способ — подгрузка ЗУС в виде изображения как содержимого тега 
<ип=> или как стиль фона в С5Ъ5. Этот способ поддерживает только стили и ани- 
мации, заложенные в УС, но вы никак не можете воздействовать на содержимое 
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изображения или описать для него интерактивное взаимодействие с пользователем 
при помощи ]Лауазси!ре на своей странице. 

Третий способ — встраивание 5УС непосредственно в тело У\@Б-страницы — 
является самым гибким. В этом случае у вас пропадают ограничения, и 5УС стано- 
вится полноценной частью \@Б-страницы, расширяя и дополняя НТМГ-разметку 
возможностями отрисовки графики. Вы получаете полный контроль стилизации, 
интерактивности и анимации 5УС-содержимого. Скрипты, написанные на языке 
Лауазсире, работают с элементами У№-страницы, следовательно они будут взаимо- 
действовать и с тегами встроенного ЭУС. 


и ое _ 9 р ©) 
А ешг езргй 4'6дшфе. 





Рис. 22.7. Презентационный сайт молели Рогъспе ЛВ 


<Игате $гс=”.."></Итаге>» 
<егтьеЯ 5гс="..” > 
<оШес! дайа=".."></оШесе> 


< ИО $гс=”... > 


ИЗОБРАЖЕНИЕ 


БасКагоипа-Итаде: ит..." ); 


й 
ВСТРОЕННЫЙ <$\9></5м9> 





Рис. 22.8. Вилы интеграции 5\/С в \ЛМеб-страницу 
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Свойства, имя объекта в Шигаюог влияют на то, каким будет ЗУ -файл, поэтому 
используйте рекомендации из документации АдоБе Шизгаог для создания объектов. 
Ф Используйте слои для добавления структуры в >УС@-файл. Если объект сохра- 
няется в формате 5УС, каждый слой преобразуется в групповой элемент (<5>). 
Вложенные слои становятся вложенными эУС-группами. 


+ Если нужно, чтобы объекты на разных слоях выглядели прозрачными, коррек- 
тируйте непрозрачность каждого объекта, а не каждого слоя. Если непрозрач- 
ность меняется на уровне слоя, итоговый эЭ\УС-файл не покажет прозрачность 
так, как она выглядит в Шазгатог. 


Ф Растровые данные не масштабируются в средстве просмотра УС и не могут 
редактироваться, как другие 5УС-элементы. 

+ Сетчатые градиенты и объекты с градиентной заливкой, использующие эффекты 
«Растрировать», «Имитация», «Размытие», «Штрихи», «Искажение», «Оформле- 
ние», «Резкость», «Эскиз», «Стилизация», «Текстура» и «Видео», растрируются 
при сохранении в формате эУС. Графические стили с этими эффектами также 
вызывают растрирование. Добавляя графические объекты, используйте ЭУО- 
эффекты, не вызывающие растрирования. 

Ф Для повышения производительности 5УС-файла используйте символы в объ- 
екте и упрощайте контуры. 


($$ в Адобе ШизгаГог 


Несмотря на развитие стилевых описаний и верстки, далеко не все формы, 
эффекты можно представить кодом Шийи С5Ъ. 

Нестандартные формы, иконки, отсечения (маскирование) изображений и 
также анимацию контуров и опорных точек можно сделать при помощи векторной 
графики и формата УС. 

Адобе Шазгаог является мощным инструментом создания, редактирования век- 
торной графики, который позволяет делать экспорт в формат УС. Если вы создаете 
макет сайта в Адобе Шиугатог, то возникает необходимость экспорта определенных 
частей макета либо в стилевые описания — С55-код, либо в растровую и векторную 
графику — форматы растра и $УС. 


Палитра С$5 Ргорегйех (Свойства каскалных таблиц стилей) 


Палитра формирует для выбранных объектов С55-свойства. К сожалению, не 
все свойства еще поддерживаются, поэтому придется внутреннюю тень, к примеру, 
создавать вручную кодом. Каскадные таблицы стилей позволяют управлять внеш- 
ним видом текста и объектов. Экспорт кода каскадных таблиц стилей возможен как 
для отдельного объекта, так и для всего макета, разработанного в Шигабог. 

В палитре СЗ5 Ргорегие$ (Свойства каскадных таблиц стилей) пользователи 
могут выполнять следующие действия: 

Ф Просмотр кода каскадных таблиц стилей для выбранных объектов; 
Ф копирование кода каскадных таблиц стилей для выбранных объектов; 


Ф экспорт одного, нескольких или всех выбранных элементов Шаягаог в файл 
каскадных таблиц стилей; 
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Ф Экспорт используемых изображений, допускающих растеризацию; 
Ф формирование кода каскадных таблиц стилей для конкретного браузера. 


Рассмотрим, как, используя создание, название объектов, их описывает в коде про- 

грамма Шиагаюг в палитре СЗ$ Ргорегие$ (Свойства каскадных таблиц стилей). 

1. Откройте файл 1е$5оп$\Урок_22_ Подготовка графики для \Меб\Кнопка.а1. 

2. Выделите прямоугольник. Если вы строите базовые объекты, то в палитре С%5 
Ргорегие$ (Свойства С55) код не генерируется. По умолчанию настройка па- 
литры призвана «приучать» пользователей создавать объекты с правильными 
именами (рис. 22.9). 





$$ Ргорейиы 





Розфоп апд 52е 






Е поме РИ С) тпаиде АБзоние Розйюп 
Е 1пемде 5токе С) ллафде Онтепёюпз 
: Е паиде Орасиу 
№ С55 соде газ депегае0, То сгеа\е С55 Рог иппатед обес, м 
ейНег пате Не обесп 1вуег$ рапе!, ог епаб\е 'Сепега(е С55 Юг | 
Оппапед ОБесв ' орбоп м ее С55 Ехрог: Орбопе фаюд. | $ Орбоп5 
ТТУ О бепегаие С5$ юг Иппатед ОБес 
[] Тпемде Мепдог Рге-Йхез 





Рис. 22.9. Кол объекта с названием по умолчанию 


Если вы выделите скругленный прямоугольник, имеющий название Ы п (назва- 
ние не по умолчанию), то увидите в палитре СЗ$ Ргорегие$ (Свойства каскадных 
таблиц стилей) описание всех свойств объекта: тип градиента, координаты цветов, 
входящих в него, местоположение цветов в раскладке градиента, прозрачность 
каждого цвета, радиусы (разные) скругления углов, внешнюю тень (рис. 22.10). 


„бп 
{ 
басКегоипа : Ппеаг-ота еп" (904ес, гоба(37, 169, 224, 0.6) 15.59%, гефа(0, 166, 156, 
1) 93.32%); 
Богаег-гаЧпа$ : 13рх 36рх; 
Бох-5пааом : Орх 2рх 3рх геба(0, 0, 0, 0.3); 
} 
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ях 





и ро че 


„Вл 


{ 

: еаг-огафел (30Фес, гоба{37, 169, 224 
15.59%, 195нб, 165 156, 1565, 1} 93.32%); 
Боецег гаи : 


13рх 36рх; 
Бох-ёадски : Орх 2рх Зрх гоба(0, 0, 0, 0.3}; 





} 
+2 % 


Рис. 22.10. Генерация кола в палитре ©5$ Ргоре@ех 


Если вам нужно получить код, содержащий абсолютное позиционирование 
элемента относительно границ макета, а также ширину и высоту элемента, уста- 
новку вендорных префиксов, вы должны поставить соответствующие настройки в 


диалоговом окне СЪ5 Ехрог( Орбоп$ (Настройка экспорта С55) (рис. 22.11). 


„Вл 


{ 
Баскогомла : чтюх-ииеаг -огадиьл 0% 50% Одес, гоба(37, 169, 
224, 0.6) 15. возыгоьаб, 166, 156, 1) 93.32%}; 
“лек тег -огафеги(ОЗед, гоа(З7, 169, 224, 0.6) 

15.59%, гоБа(0, 156, 155, 93. 32%}; 
Баскогоитд : чнебКИ-дгафиегилезг, 0% 50% , 100% 50% „соки- 
а ‚вЫ 169, 224, 0.6) ) союг-=4ор{0.9332.гобз(0, 

Е обла -огафепьОЗес, гоБзЗ 7, 169, 224, 0.6) 
15.59%, гоба(О, 166, 156, 1) 93.32%}; 

: чиз-иеаг-ог эдет(0дед, гоБз(37, 159, 224, 0.5) 
15.59%, гоба(о, 165, 158, 1) 93.32%) 
чи -Я ег: "рес: ОХ тим Теме Когти, ой тайны 
(тагСоЮня г" 2 25А9Е0', епаСокеяг = 200459С” 


ИЗгафетИТуре =0)"; 
: Блез -огафет ($ОЧед, гоба(37, 169, 224, 0.6) 
15.59%, г96а(0, 166, 156, 1) 93.32%); 


22 вазеиге Цпзирронад АМ 
ма Е 157ржз Ресошбоп: Ц5е Боситеги Казфег ЕЙ ес КезонлЗоп 


знеБкИ-Богдег чада : 1Злх Зри: 
Бох-ерабоии : Орх 2рх Зрхгоба О, 0, 0, 0.3); 











ОГ =, Соб = 
рессиз:Отзое Тези боги, Мегозо В: огабнеги: 





Яаг: ресояд Оль гаги Гонт, Мостовой. Фгоренадоте (СИН =, 
2000000”) 


Рис. 221. Генерация кола с использованием возможностей С©5$ Ехрой ОрЧоп$ 
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Экспорт частей макета 
для различных устройств 


Для современных потребностей У\@Б-графики необходимо быстрое создание 
нескольких изображений под различные устройства из слоя с применением опти- 
мизации и масштабирования. Такие изображения называются А$$е5 (русск. «ком- 
поненты» или «запчасти»). Зачем это надо? 

Экран Кейпа с высоким разрешением (1Рвопе) имеет вдвое больше пикселов, 
чем среднестатистический монитор. Следовательно, изображение должно иметь 
вдвое больше пикселов, чтобы быть четким на 1РПВопе, 1Ра и подобных устрой- 
ствах. Таким образом, для сайта нужно подготовить две картинки: одну обычную, 
вторую — с большим в два раза числом пикселов (200%). 

Рассмотрим терминологию «пиксельная плотность» и возможности последних 
версий Адобе Шиазгафог. 


Пиксельная плотность 


Когда Стив Джобс (рис. 22.12) представил миру Арре Кейпа (Ретина), это стало 
началом эры высоких плотностей пикселов экрана. 

Пиксельная плотность будет увеличиваться, экраны уже становятся потрясаю- 
щими, они создают серьезные сложности в конкуренции, ставящие разработчиков 
и дизайнеров сайтов в зависимость от нетерпеливых клиентов, ждущих загрузку 
сайтов. 





Рис. 2212. Стив Ажобс на презентации Арре [зейпа 


Что же такое ииксельная плотность и как дизайнеры должны учитывать ее при 
подготовке изображений для веб? 

Физические пикселы (де\у1се рахе| или рпуз1са!| р1хе!) — привычные нам пикселы: 
мельчайшие элементы дисплея, каждый из которых имеет свой цвет и яркость. 

Плотность экрана (зстееп аепзКу) — это количество физических пикселов дис- 
плея. Обычно измеряется в пикселах на дюйм (р1хе[5 рег шсВ, рр). Арре, разработав 
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Кейпа-экраны с двойной плотностью пикселов, утверждает, что человеческий глаз 
не способен различить большую плотность. 

(55-пикселы (СЗЗ рахе|$) — абстрактная величина, используемая браузерами для 
точного отображения контента на страницах вне зависимости от экрана (4е\1се- 
шаерепдеи( рихе!з, ОТР$). 

Растровые пикселы (тар р1хе]$) — мельчайшие части, составляющие растровое 
изображение (РМ№МС, ]ЛРЕ С[Е). Каждый пиксел содержит информацию о цвете и 
положении в системе координат изображения. 

При отображении на обычном экране один растровый пиксел соответствует 
одному С55-пикселу. На Кейпа-экранах каждый растровый пиксел умножается 
на 4 (рис. 22.13). 


Запаага Репа 


С$$ Ведре 2рх 


рхе!5 ума: 2рх 


втар № 
ыы -Ш © 


Рис. 2213. Пиксельная плотность (изображение с сайта 
ВЕрс$:/ Лллллм.<таНпотадагте.сот/2012/08 4о\магд$-ге{па-ммеб /) 





Палитра Аззеё Ехроп (Экспорт ресурсов) 


При создании макета для \Б вы указываете ширину и высоту монтажной обла- 
сти впикселах, все элементы на монтажной области имеют свои размеры в пикселах. 
Если эти элементы векторные, то они не зависят от разрешения. 

В палитре А$$её Ехрог (Экспорт ресурсов) отображаются компоненты, которые 
вы собираете из слоев для формирования У№-макета. Как правило, эти компоненты 
необходимо экспортировать в различные форматы и для разных плотностей. 

Например, при разработке приложения для мобильных устройств дизайнеру 
пользовательского интерфейса может потребоваться часто перерисовывать обнов- 
ленные значки и логотипы. Дизайнер может добавить эти значки и логотипы на 
панель «Экспорт ресурсов», а затем экспортировать их файлы разных форматов и 
размеров одним нажатием кнопки. 

Возможности палитры: 

Ф экспорт в файлы различных форматов (РМО, 5УС, ГРО, РОЁР) и размеров на- 
жатием одной кнопки; 


Ф экспорт в файл собственного размера и масштабов: 1х, 2х, Зх, 0,5х, [1,5хи пр.; 
Ф переработан алгоритм создания файлов РМС. 
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1. Откройте файл [е$$0п$\Урок_22_ Подготовка графики для \МеБ\Кнопки_А$$е{$.а! 
(рис. 22.14). В палитре А$$её Ехрог® (Экспорт ресурсов) пока ничего не ото- 
бражается. 


Аззей Ехрог |= 


„ Шх 


Ога абмииК № Е рапе! № депегае 
тир 25525, ЕзсА огоир Е 204429 25 ап 
азсеб. 





АК-дгад аул о фегегае а вмло№ 
асе. 


1 уг х чм 





2х * 62 РМС “Хх ии 


Рис. 2214. Стартовое наполнение палитры Азъе Ехро" 


2. Выделяйте по одному объекту, нажимайте кнопку СоПесё Юг Ехрог в палитре 
Гауег$ (Слои). 

3. Вы видите, как добавляются компоненты в палитру А$$её Ехрогё (Экспорт 
ресурсов) (рис. 22.15). 


Азсеё ЕхрогЕ 





| СоНесЕ Рог Екрой 


х * №7 РМС =“ Х 





2х т 62 рб м х нЕ 


Рис. 22.15. Лобавление компонент из слоев 
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В разделе Ехрог Зе тэ$ (Экспорт настроек) находятся опции просмотра, 
добавления форматов или размеров выходных файлов. 
е эсае (Масштаб) — коэффициент масштабирования для выходного файла; 
е эиШх (Суффикс) — суффикс, чтобы выходные файлы имели уникальные 
имена. 
е Когшаё (Формат) — выбор формата выходного файла: РМО, УС, ]РО, 
РОЕ 
4. Нажмите кнопку Ехрогё в нижней части палитры А$5её Ехрогё (Экспорт 
ресурсов) (рис. 22.16), выбрав все компоненты в палитре. Укажите, в какую 
папку вы желаете поместить файлы. 


При экспорте ресурсов программа Шиягаог создает подпапки в каталоге для 
экспорта по умолчанию (взависимости от выбранных настроек масштабирования). 
К примеру, при выборе нескольких форматов масштабирования в палитре А$$её 
Ехроге (Экспорт ресурсов) — 1х, 2х и 3х для экспорта файлов в формате РМС — 
Шозегасог создает подпапки с именами «1х», «Ох» и «Зх» для экспортируемых файлов 
(рис. 22.16). Для форматов, которые не поддерживают параметры масштабирования, 
Шозегаог именует подпапки на основе выбранного формата файлов, например ЗУС 
(см. рис. 22.16). 


Аззей Ехро 


—^ | Аззее Ехрой -> |) 1х 
$ 3х | 
И $6 





Хх 

х 

3х т 3х РР м Хх 
т №т7е 56 “ Хх 


+ 233 5 
с 


Рис. 22.16. Формирование папок с содержимым экспорта 


Команла Фауе Гог И/еБ 


В старых версиях форматы для \Б подготавливались командой главного меню 
ЕЙе | Ехроге | Зауе Гог \\еЬ (Тегасу) (Файл | Экспорт | Сохранить для вэб). 
1. Откройте прекрасный букет из файла 1е5$0п5\Урок_22_Подготовка графики для Меб\ 
Букет проекты.а!. 
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Уве] $222 [® 7 Шелк] <= Ив = [98] (ААС АТА) 





2. По умолчанию файл будет создан по размеру Воипдше Вох (Габаритный 
контейнер). При указании монтажной области файлы будут создаваться по 
размеру указанных областей. 

3. Выполните команду главного меню ЕИе | Ехрог® | Зауе Гог \еь (Гегасу) (Файл | 
Экспорт | Сохранить для вэб). Вывод в растровый формат происходит по раз- 
меру контейнера без учета размера документа (рис. 22.17). 


Отта! — Орбтеед  2-Шр Ггезей 





Рис. 2217. Ограничение по контейнеру изображения 


4. Для того чтобы файл ограничивался размером монтажной области, необхо- 
димо поставить флажок Ср 0 АгфФоагд (Обрезать по монтажной области), 
предварительно активизировав монтажную область, документ по которой 
необходимо получить. Затем следует нажать кнопку Арру (Применить). 

5. В данном документе несколько монтажных областей (рис. 22.18). 

(Изменение и добавление монтажных областей мы рассматривали в уро- 
ке 17.) 

6. Активизируйте область «Розы». Выполните команду ЕИе | | Ехроге | Зауе Гог 
У№еь (Тегасу) (Файл | Экспорт | Сохранить для вэб). Вывод в растровый формат 
происходит по новому размеру — размеру области «Розы» (рис. 20.19). 


317 


АдоБе Ши{гатог СС 2020. Мастер-класс Евгении Тучкевич 











Рис. 22.18. Локумент с тремя монтажными областями 


Итзде 5426 
млан: 148 рх г] \М/: 148 рх 
нежны 114 и | м | Н: 118 рх 





Регсегё: 100 


Рис. 22.19. Ограничение по выбранной области 


ЬЬ Тучкевич Е. 
С;”` — Адоье Рпоюсзвор СС 2019 


лАлАБВм.ги Мастер-класс Евгении Тучкевич 


Отдел оптовых поставок: 
Е-тай: ор*@БПу.ги 





Опыт профессионалов доступным языком! 


Материал подготовлен в соответствии с мето- 
дикой изучения программы Адоре РПофо5Пор, 
разработанной и апробированной автором на 
протяжении более 20 летв крупнейшем компью- 
терном центре Северо-Западного региона-Выс- 
шей инженерной школе (Факультете перепод- 
готовки специалистов) Санкт-Петербургского 

А" политехнического университета Петра Велико- 
АдоБе го. По материалам книги разработан сопро- 
вождающий курс для ресурса СОЧВЗЕКА (\имим. 
соцгзега.ога). 


= 
#7. 
з. 
=. 
$ | 
/!. 
=. 
и 
#. 
| В 
А. | 
2. 


Характерный для автора простой и доступный 
стиль изложения в виде уроков, изобилие при- 
меров и множество практических советов по 
дизайну позволит быстро освоить наиболее 
сложные аспекты, связанные с изучением про- 
граммы Адоре Рпото5Пор. Вы научитесь легко 
работать в программе, создавать коллажи, 
реставрировать старые фотографии, убирать 
морщины и корректировать фигуру, а также 
многому другому. 





Книга будет полезна: 

+ начинающим пользователям как понятное и иллюстрированное руководство 
по изучению программы; 

Ф дизайнерам как набор готовых решений и база для быстрого и удобного 
внедрения собственных оригинальных идей в сочетании с возможностями 
программы; 

+ преподавателям как сборник превосходных методических материалов; 

+ профессиональным пользователям как справочник по работе в новой вер- 
сии программы. 


Тучкевич Евгения Ивановна, ведущий преподаватель Высшей инженерной школы Санкт- 
Петербургского политехнического университета Петра Великого с многолетним опытом 
подготовки дизайнеров по программам второго высшего образования и программам пере- 
подготовки по компьютерному дизайну. Руководитель специальности «Компьютерный ди- 
зайн», имеет статус сертифицированного инструктора Адоре (АС, Адобе Сегед шяхгисюг) 
по продуктам Адоре РПо{о5КНор и АдоБе Ши гахог, статус СотрТПА СТТ+ (Сеп!йеа Тесйитса! 
Тгатег+). Автор бестселлеров «Самоучитель Адоре РПо{о5Пор С56. Мастер-класс Евгении 
Тучкевич», «АдоБе РПото$Пор С56. Мастер-класс Евгении Тучкевич» и «Самоучитель АдоБе 
ПШ из{гафог С$5/С$6/СС/СС 2018». 


Комолова Н., Нковлева Е. 


соРу° Самоучитель 
мичлгм/.БП\.ги Согегд[А\Л/ 2020 


Отдел оптовых поставок: 
Е-тай: ор*@ЬПу.ги 





Опыт профессионалов доступным языком! 





+ Экран приветствия и рабочее пространство 
+ Теория и практика создания рисунка 

Ф Основные инструменты и приемы работы 

+ Работа с заливками 

+ Обработка текстовой информации 

+ Импорт, экспорт, совместимость 

+ Совместная работа над проектом 


Ф Пазлы, логотипы, буклеты 








+ ОК-коды и штрих-коды 





Ф Фильтры и спецэффекты 


Книга научит создавать и редактировать векторные изображения в графическом 
редакторе СогерКА\// 2020. Рассмотрены основные инструменты и приемы 
работы с графическими объектами, применение специальных эффектов век- 
торной графики и фильтров растровой графики, заливок, работа с текстом, 
вывод документа на печать и др. Даны основы графического дизайна. Освещены 
новинки программы, в том числе возможности совместной работы над про- 
ектом, комментирование, хранение файлов в онлайн-хранилище Соге! Сюоча, 
использование лотка. Материал сопровождается оригинальными примерами 
создания рисунков, пазлов, логотипов и практическими упражнениями. 


Комолова Нина Владимировна, кандидаттехнических наук, доцент. Автор 17 книг, среди 
которых «Компьютерная верстка и дизайн», «Адоре РВо*о$Пор С$4-СС для всех», «Самоучитель 
Соге!рКА\/ ХЗ-Х8», «Программирование на \/ВА в Ехсе! 2016/2019», а также более 50 статей 
в журналах и сборниках. 

Яковлева Елена Сергеевна, кандидат технических наук, автор книг «Ааоре РПофо$Пор 
С$54-СС для всех», «Самоучитель Соге!РВА\// ХЗ», «Самоучитель 5Куре. Бесплатная связь через 
Интернет», «ЗО-графика и видео в РВото$Пор С54 Ежептпаеа», «Программирование на \/ВА 
в Ехсе! 2016» и 30 статей в журналах и сборниках. 


